SMIT Student Admission Portal
Overview
The SMIT Student Admission Portal is a comprehensive web application designed to streamline the admission process for students. As a Framer designer, I created a custom, user-friendly interface for this portal using Framer, enhancing the overall user experience. The backend is built on the MERN stack (MongoDB, Express.js, React, and Node.js), providing a robust and scalable foundation for the portal's functionality.
Key Features
Authentication and Verification
- Login/Signup Authentication: Secure system for account creation and management
- Email Verification: OTP-based verification ensuring valid student registrations
Course Management
- Course Notifications: Automatic alerts for new course offerings
- Regional Course Enrollment: Students can enroll in courses based on their location
Student Dashboard
- Application Status: Students can check their application submission status and view test results
- Photo Submission: Feature for uploading student photos with a blue background requirement
Technology Stack
- Frontend:
- React, React Router, Axios
- Tailwind CSS for styling
- React Toastify for notifications
- React Redux for state management
- Custom design implemented in Framer
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT), OTP for email verification
- Image Handling:
- Cloudinary for image upload
- Canvas for background checks
- Email Services: Nodemailer for email verification
My Role
As the Framer designer for this project, I was responsible for creating the entire user interface and experience of the SMIT Student Admission Portal using Framer. My design work focused on creating an intuitive, visually appealing, and responsive interface that enhances user engagement and simplifies the admission process for students.
Access
The live portal can be accessed at SMIT Admission Portal (Backend)
The live site Framer
Contributing
We welcome contributions to improve the portal. Please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature/YourFeature) - Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature/YourFeature) - Create a new Pull Request
Special thanks to the entire development team for their hard work and dedication in bringing this project to life.