Skip to content

Empowering students, tutors, and admins with a seamless, interactive learning environment. Schedule study sessions, share resources, and manage users efficiently—all in one place!

Notifications You must be signed in to change notification settings

SaikatAhmed78/EduConnect-Cient

Repository files navigation

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

⚙️ 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 <repository-url>
  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:


🌟 Special Thanks

  • React.js for building the user interface.
  • Tailwind CSS for quick and efficient styling.
  • Tanstack Query for data fetching and caching.

About

Empowering students, tutors, and admins with a seamless, interactive learning environment. Schedule study sessions, share resources, and manage users efficiently—all in one place!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages