Homework Heroes

Description:

Homework Hero is a specialised app designed to support autistic students in managing and completing homework assignments effectively. With Homework Hero, teachers can easily assign tasks, provide clear instructions, and track progress, while students gain structure, organisation, and independence in their homework routines.

See Live: https://homework-heroes.onrender.com/

Server side of the project: https://github.com/diegorramos84/homeworkheroes-api

Installation

Clone the repo

git clone https://github.com/Beckibuzz93/Homework-Heroes

Go to the app folder

cd Beckibuzz93/Homework-Heroes - Client

Install packages

npm i
npm install

Run the dev server

npm run dev

Technologies used

1. HTML
2. Custom CSS
3. ReactJS, React router dom, React toastify, React strap
4. Vite, Vitest, Coverage
5. Jest, React testing library, Jsdom
6. Google fonts

Wireframes

Colours and fonts

These were chosen by research, we used:

1. Green: #CEEDC7 & #42af7a;
2. White: #f5f4f4
3. Black: #1b1b1b
4. Pink: #FF6E7C & #FC5364
5. Montserrat, sans-serif
6. Archivo, sans-serif

Homepage

Login page

Dashboard Page

Homework page

Tests

We tested 72% of our application

Credits

This project was created by:

Angela: angela2264

Azeem: ABF22

Ash: ashugurung

Diego: diegorramos84

Avni: PiroAvni

Becki: Beckibuzz93