Back
Year
2023
Tech & Technique
React.js, Redux, Tailwind CSS, React i18n, Framer Motion
Description
Magic Minds Academy is a comprehensive online educational platform
featuring MongoDB-integrated CRUD operations and a custom Node.js
server hosted on Vercel.
Key Features:
Technical Highlights:
Key Features:
- 📚 MongoDB Integration: Full CRUD capabilities for managing courses, users, and content
- 🔐 Firebase Authentication: Secure login and user management
- 💻 Custom Node.js Server: Backend built with Express.js and hosted on Vercel
- 🎨 UI/UX: Developed with Tailwind CSS, Chakra UI, React Toastify, React Icons, and Image Validator
- ⚡ Dynamic Data Loading: Efficient rendering and data fetching for smooth user experience
- 🔒 Protected Routes: Role-based access with separate routes for Admin, Instructor, and Student
- 📱 Responsive Design: Fully optimized for both desktop and mobile devices
- 🚀 Single Page Application (SPA): Seamless navigation without full page reloads
Technical Highlights:
- Implemented Firebase Authentication for secure user access
- Built a custom Node.js Express backend server deployed on Vercel
- Utilized Tailwind CSS and Chakra UI for modern, consistent styling
- Ensured protected/private routes for different user roles
- Integrated React Toastify for user notifications and feedback
- Optimized for desktop and mobile responsiveness
My Role
Full-Stack Developer
Responsible for end-to-end development:
Responsible for end-to-end development:
- ✅ Frontend: Developed UI using React, Tailwind CSS, Chakra UI, and integrated Firebase Authentication
- 🛠️ Backend: Created custom Node.js Express server with MongoDB for data management
- 🔐 Security: Implemented protected routes and role-based access control
- ⚡ Performance: Optimized dynamic data loading and SPA navigation
- 🚀 Deployment: Deployed frontend and backend on Vercel with continuous integration
- 🔧 Integrated third-party libraries such as React Toastify and React Icons for enhanced UX