Client: https://assaignment-10-auth.web.app/
Server: https://assaignment-10-server-nu.vercel.app/
StudyMate is a MERN Stack web application where students can find their perfect study partners based on subject, study mode, and experience level.
It is built using React, Node.js, Express, and MongoDB with Firebase authentication.
The project supports light and dark mode using DaisyUI.
- Firebase Authentication (Email/Password + Google Login)
- Private Routes for Logged-in Users
- Create Partner Profile (Create Operation)
- Find Partners Page (Read Operation)
- My Connections Page (Update and Delete)
- Partner Details Page (Private)
- Partner Request System (UI ready)
- Custom Toast Notifications
- Loading Spinner while fetching data
- Dark and Light Theme Supported
- Responsive Navbar and Footer
- Creative 404 Page with Home Navigation
- Responsive for all devices
- Navbar with dynamic routes (Login/Register or Profile/Logout)
- Hero Section
- Top Study Partners (Based on Rating)
- How It Works
- Testimonials
- Footer with social links
- Displays all partner profiles from MongoDB
- Includes search and sort UI
- Each card shows name, subject, study mode, experience level
- "View Profile" button for full details
- Form for logged-in users to create a study partner profile
- Includes Name, Photo, Subject, Study Mode, Availability, Location, Experience, Rating, Email
- Shows success toast after creation
- Shows full information of a selected partner
- Includes "Send Partner Request" button
- Toast confirms request sent
- Table view of all partner requests sent
- Each row has Update and Delete buttons
- Update opens modal with editable form
- Delete shows confirmation and then delete the data
- Shows current user info
- "Edit Profile" button
- Creative design with animated illustration
- "Back to Home" button
Frontend: React, React Router, Tailwind CSS, DaisyUI, Framer Motion , SweetAlert2, React icon
Backend: Node.js, Express.js
Database: MongoDB
Authentication: Firebase
Notifications: SweetAlert2
Deployment: firebase (Client), Vercel (Server)
Rahat Murshed Web Developer (MERN Stack)