A Unique, Full-Stack MERN Project
This is a production-level project that includes a fully responsive frontend, a robust backend, and an intuitive admin panel. It is a comprehensive college website featuring all necessary pages and functionalities to serve as an academic portal.
This project is a complete MERN (MongoDB, Express, React, Node.js) stack application, uniquely built and designed from scratch. It features all the pages you'd expect from a modern college website, such as home, about, courses, events, contact, and more. The admin panel provides robust management functionalities to maintain content, manage users, and oversee site operations. Every component of the project—from the smooth animations on the frontend to the secure API endpoints on the backend—has been crafted with production-level code practices.
- Modern & Responsive Design: Built using React with Tailwind CSS and Framer Motion for smooth animations.
- Dynamic UI Components: Utilizes Swiper for interactive sliders, React Modal for dialogs, and React Toastify for notifications.
- Efficient Data Management: Axios is used for handling API requests with a robust backend using Node.js and Express.
- Advanced Image Handling: Cloudinary integration for efficient image storage and management.
- File & Data Uploads: Multer handles file uploads while Prisma ORM provides a seamless interaction with the database.
- Email Notifications: Nodemailer is used to send emails, ensuring real-time communication.
- Environment Configuration: Managed using dotenv for secure handling of environment variables.
- Cross-Origin Resource Sharing: CORS is enabled to manage cross-domain requests.
- Scalable MVC Architecture: The backend follows the MVC pattern for organized and maintainable code.
- Deployment: The entire project is deployed on Vercel, ensuring a fast and reliable production environment.
- React: For building dynamic and responsive user interfaces.
- Framer Motion: To add fluid animations and transitions.
- Axios: For making HTTP requests to the backend.
- React Modal: For creating accessible modal dialogs.
- Lucide React: Icon library for crisp and customizable icons.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- React Toastify: For notifications and alerts.
- Swiper: For creating touch-enabled sliders and carousels.
- Node.js & Express: For creating a scalable and robust API server.
- Prisma ORM: For interacting with the database in an efficient and type-safe manner.
- MVC Architecture: To maintain a clean separation of concerns and organized codebase.
- Cloudinary: For image storage, transformation, and delivery.
- Nodemailer: For handling email notifications.
- Multer: For file handling and uploads.
- CORS: To manage cross-origin resource sharing.
- dotenv: For secure and flexible configuration management.
This project is deployed on Vercel. If you wish to deploy your own instance:
- Create a Vercel Account: Sign up at vercel.com.
- Connect Your Git Repository: Link your repository to Vercel.
- Set Up Environment Variables: Configure all necessary environment variables in the Vercel dashboard.
- Deploy: Follow Vercel’s instructions for a seamless deployment.
- This project was built with dedication and attention to detail.
- If you clone or use this repository, please star the project and give credit to the original author.
- Special thanks to all the open-source contributors and the communities around React, Express, Prisma, and other libraries used in this project.
This project is licensed under the MIT License.