Skip to content

harshal-jain7/classroom-frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Live link for the project

https://classroom-frontend-pachauriyash.vercel.app/

Classroom Project

Welcome to the Classroom Project! This project aims to provide a virtual classroom environment where teachers and students can interact and manage their classes efficiently.

Table of Contents

Introduction

The Classroom Project is a web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It provides a platform for teachers and students to collaborate online, conduct classes, and manage assignments.

Features

  • User authentication: Teachers and students can create accounts and log in securely with password hashing.
  • Create a class: Teachers can create new classes, assign class codes, and manage class details.
  • Join a class: Students can join classes using class codes provided by their teachers.
  • Announcement feeds: Each class has an announcement feed where participants can post updates, assignments, and important information.
  • Assignment submission: Coming soon!!
  • Class ownership: Teachers have special privileges and can manage the class effectively.
  • User-friendly interface: The platform offers an intuitive user interface for seamless interaction.

Technologies

The Classroom Project is built using the following technologies:

  • Frontend: React.js, HTML, CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB (with Mongoose)
  • User Authentication: Passport.js

Installation

To run the Classroom Project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/pachauriyash/classroom-frontend.git
  2. Clone the repository: git clone https://github.com/pachauriyash/classroom-server.git
  3. Install dependencies for both frontend and backend: npm install
  4. Set up your MongoDB connection string in the .env file both of frontend and backend.
  5. Start the development server: npm start
  6. Start the backend server: node server.js

Usage

After installation, you can access the Classroom Project on http://localhost:3000 in your web browser. Register as a teacher or a student to start using the application.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.

Live Demo

A live demo of the Classroom Project can be accessed here.

Screenshots

Screenshot 2023-07-22 at 1 55 20 PM Screenshot 2023-07-22 at 1 56 34 PM Screenshot 2023-07-22 at 1 57 02 PM Screenshot 2023-07-22 at 1 57 59 PM

Demo Video

classoom.demo.mp4

Support

If you encounter any problems or need assistance with the Classroom Project, please contact me at yashpachauri.yp@gmail.com.

Thank you for using the Classroom Project! Happy learning!

About

This is the frontend in react for the classroom-clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.4%
  • CSS 19.9%
  • HTML 0.7%