https://github.com/codewithbalaji/study-content-mern

The Study Content Website is a dynamic online platform designed to provide comprehensive study materials related to IT and other subjects. Built using ReactJS for the frontend, NodeJS for the backend, and MongoDB for the database, this platform offers a user-friendly interface for accessing educational resources, creating personalized learning path
https://github.com/codewithbalaji/study-content-mern

expressjs mern-project mongodb nodejs reactjs student-project study-content

Last synced: 3 months ago
JSON representation

The Study Content Website is a dynamic online platform designed to provide comprehensive study materials related to IT and other subjects. Built using ReactJS for the frontend, NodeJS for the backend, and MongoDB for the database, this platform offers a user-friendly interface for accessing educational resources, creating personalized learning path

• Host: GitHub
• URL: https://github.com/codewithbalaji/study-content-mern
• Owner: codewithbalaji
• Created: 2024-04-06T03:36:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-11T08:37:54.000Z (about 2 years ago)
• Last Synced: 2026-01-03T17:16:20.511Z (6 months ago)
• Topics: expressjs, mern-project, mongodb, nodejs, reactjs, student-project, study-content
• Language: JavaScript
• Homepage:
• Size: 8.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Study Content Website with ReactJS, NodeJS, and MongoDB

## Overview

The Study Content Website is a dynamic online platform designed to provide comprehensive study materials related to IT and other subjects. Built using ReactJS for the frontend, NodeJS for the backend, and MongoDB for the database, this platform offers a user-friendly interface for accessing educational resources, creating personalized learning paths, and engaging in interactive assessments.

## Key Features

- **User Authentication**: Secure user authentication system to protect user data.

- **Concept-Based Learning**: Organized study materials based on key concepts for effective learning.

- **Search Functionality**: Easy navigation through vast study resources using a search feature.

- **Chatbot**: Real-time chat support for immediate assistance and guidance.

- **Quiz**: Interactive quizzes to test knowledge and track progress.

- **Responsive Design**: Seamless access across devices with a responsive and mobile-friendly design.

## Installation Guide

Follow these steps to set up the Study Content Website on your local machine:

1. Clone the repository to your local machine.

2. Navigate to the project directory in your terminal.

3. Install Node.js if not already installed on your system.

4. Install MongoDB if not already installed on your system.

5. In the terminal, navigate to the backend directory `cd server` and run `npm install` to install backend dependencies.

6. In the terminal, navigate to the frontend directory `cd client` and run `npm install` to install frontend dependencies.

7. Once dependencies are installed, run `npm start` in the backend and  run `npm run dev` in frontend directories to start the development servers.

8. Access the Study Content Website in your web browser at `http://localhost:5173/`.

## Screenshots

- **Homepage**

  ![Homepage](screenshots/homepage.png)

- **Login & Register Page**

  ![Login & Register Page](screenshots/login_register.png)

- **Subjects Page**

  ![Subjects Page](screenshots/subjects.png)

- **Notes Page**

  ![Notes Page](screenshots/notes.png)

- **ChatBot Page**

  ![ChatBot Page](screenshots/chatbot.png)

- **Quiz Page**

  ![Quiz Page](screenshots/quiz.png)

## Acknowledgements

Special thanks to Deepan B for contributing to the frontend development of the project and collaborating on its completion.