https://github.com/saikatahmed78/educonnect-cient
Empowering students, tutors, and admins with a seamless, interactive learning environment. Schedule study sessions, share resources, and manage users efficiently—all in one place!
https://github.com/saikatahmed78/educonnect-cient
context-api expressjs fireba jw mongod nodejs reactjs social-login tailw tanstack-query
Last synced: 1 day ago
JSON representation
Empowering students, tutors, and admins with a seamless, interactive learning environment. Schedule study sessions, share resources, and manage users efficiently—all in one place!
- Host: GitHub
- URL: https://github.com/saikatahmed78/educonnect-cient
- Owner: SaikatAhmed78
- Created: 2025-01-30T22:03:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-21T22:08:18.000Z (about 1 year ago)
- Last Synced: 2025-05-21T23:23:25.420Z (about 1 year ago)
- Topics: context-api, expressjs, fireba, jw, mongod, nodejs, reactjs, social-login, tailw, tanstack-query
- Language: JavaScript
- Homepage: https://educonnect-7c172.web.app
- Size: 87.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Collaborative Study Platform** 📚💡
A platform designed to enhance collaboration among **students**, **tutors**, and **administrators** to streamline **study session scheduling**, **resource sharing**, and **user management**.
## 🌐 **Live Demo**
[View the live site here](https://educonnect-7c172.web.app)
## ⚙️ **Technologies Used**
- **Frontend**: React.js, Tailwind CSS, Tanstack Query
- **Backend**: Node.js, Express, MongoDB, Firebase
- **Authentication**: JWT, Google & GitHub Social Login
- **State Management**: React Context API
## 🔑 **Features**
- **Responsive Design**: Optimized for mobile, tablet, and desktop views.
- **Role-based Access Control**: User roles include **Student**, **Tutor**, and **Admin**.
- **CRUD Operations**: Full Create, Read, Update, and Delete functionalities for study sessions, notes, and resources.
- **Booking System**: Book study sessions with a payment option for paid sessions.
- **Review & Rating**: Rate and review study sessions.
- **JWT Authentication**: Secure login and session management with JWT.
- **Social Login**: Easy login via **Google** and **GitHub**.
- **Session Management**: View, create, and approve study sessions.
- **Material Upload**: Upload resources (images/Google Drive links) for study sessions.
- **Pagination**: Implemented in multiple pages for a better UX.
## 📈 **Dashboard Views**
### **Student Dashboard** 🧑🎓
- View all **booked sessions** and **personal notes**.
- Access study materials related to booked sessions.
- Post reviews and ratings for sessions.
### **Tutor Dashboard** 🧑🏫
- Create new **study sessions**.
- View and manage previously created sessions.
- Upload materials for approved sessions.
### **Admin Dashboard** 👨💼
- Manage **users** and **roles**.
- Approve or reject **study sessions**.
- View and manage **study materials**.
## 🛠️ **Dependencies**
- axios
- framer-motion
- react-spinners
- lottie-react
- sweetalert2
- react-icons
## 🏃♂️ **Running the Project Locally**
1. **Clone the repository:** `git clone `
2. **Install dependencies:** `npm install`
3. **Start the development server:** `npm start`
4. **Open in browser:** Navigate to `http://localhost:3000`
## 🔒 **Environment Variables**
- Firebase config and MongoDB credentials are stored securely using environment variables.
## ✉️ **Contact Information**
For any queries or support, reach us at:
- Email: shaikatahmed78@gmail.com
---
### 🌟 **Special Thanks**
- **React.js** for building the user interface.
- **Tailwind CSS** for quick and efficient styling.
- **Tanstack Query** for data fetching and caching.