Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/starkblaze01/classroom

A Desktop App for Students and Teachers having features similar to Google-Classroom
https://github.com/starkblaze01/classroom

electron-app firebase javascript particles-js reactjs

Last synced: about 2 months ago
JSON representation

A Desktop App for Students and Teachers having features similar to Google-Classroom

Awesome Lists containing this project

README

        

# Classroom
An electron app similar to Google Classroom.

#### This repository is the cloned version. You can find the main repository [here](https://github.com/PiyushPawar17/classroom).

### Development

- Clone Repository
```
git clone https://github.com/starkblaze01/classroom.git
cd classroom
```

- Install Dependencies
```
npm install
```

- Set Up Firebase
- Create a firebase project from firebase console.
- Create a `.env` file at the root with following data.
```
REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_DATABASE_URL=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
```
Note: You must create custom environment variables beginning with `REACT_APP_`. Visit [here](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-development-environment-variables-in-env) for more information.

- Run
```
npm start
```
------------------------------------------------------------------

To prevent the browser from opening set `BROWSER=none` in the `.env` file.

## Screenshots

Sign-In / Sign-Up Page

![Main Page](./screenshots/Screenshot-1.JPG)

Subscribed Subjects

![Subscribed Subjects](./screenshots/Screenshot-2.JPG)

Lecture Notes and References (Teacher's View)

![Lecture Notes and References](./screenshots/Screenshot-3.JPG)

Announcements Page (Student's View)

![Announcements Page](./screenshots/Screenshot-4.JPG)

Subject's Home Page (Student's View)

![Subject's Home Page](./screenshots/Screenshot-5.JPG)

Assignment Page (Student's View)

![Assignment Page](./screenshots/Screenshot-6.JPG)

Discussion Forum

![Discussion](./screenshots/Screenshot-7.JPG)

Assignment Page (Teacher's View)

![Assigment](./screenshots/Screenshot-8.JPG)