Assignment Helper - Website

Submission for Microsoft Engage 2021 🌟

Assignment Helper can help teacher and students when it comes to Assignment Submission.

Live Demo

Features and Interfaces

1. Landing Page

• Seamless landing page with two options of SignIn and SignUp.

• SignUp Page for new Users

• SignIn Page for existing Users

2. Home page

• On Students' home page they can see the assignments uploaded by teachers.

• On top-right there is logout button and if any user logout then he/she comes to starting page.

• There are multiple Assignment Cards on the home page. And also each Assignment card is scroll-able. If content of card overflows then user can scroll inside the card.

• On Teachers' home page they can see the submitted assignments and there are option of Create Assignment.

3. Create Assignment Page for Teachers

4. Assignment Submission Page for Students

• There are multiple Assignment cards and when any user submit the assignment then this page shows.

Tech Stack:

Points to remember while testing the app

1. In case any Assignment is not broadcasted it is probably due to server overload, Wait for the window to solve this.
2. After Submission of Assignment just Wait for few Seconds. It take some time to save the data in Database.
3. Make sure the URL is starting with https

Instructions

1. git clone https://github.com/taniya76/Assignment_Helper.git
2. cd ./Assignment_Helper
3. Install node dependencies
   • npm install
4. Replace firebase API keys with your configurations (Currently I added my Credentials for testing but soon I will remove them)
5. Create a .env file
   • Add relevant credentials
   • cp .env.example .env
6. npm start
7. The Website is now running at http://localhost:3000/

Useful Links

• Deployed Website
• Demo Video

---

if (youEnjoyed) {
    starThisRepository();
}

---