/hogwarts

Primary LanguageTypeScript

Hogwarts Schedule

Hosted URL

Application is deployed here to quickly review the output.

https://monumental-malasada-6da7b3.netlify.app/

image

Tech Stack

  • Typescript
  • ReactJs
  • Cucumber.js
  • CypressJs
  • CSS Modules

Local Setup

  • Clone or Download the repo.
  • Run npm install inside the directory.
  • Run npm start to spin up the local dev setup.

Tasks

  • Created the UI
  • Attendance board for updating live attendace of the teacher
  • Current Schedule, getting populated by changing the attendance
  • Automatically find next available teacher and assign to the student
  • Mobile Responsive design
  • Unit Testing using Jest
  • BDD using CucumberJs
  • E2E testing using CypressJs
  • Using Context API
  • Custom CSS
  • Handling both subject allocation (Potions Master and Defense Against the Dark Arts)

Context

I have use Context API to make the data available to all components and to avoid prop drilling and avoided using Redux as it would be a overkill for this small application.

Test Cases

npm test for running unit test cases

npm test:cucumber for running BDD tests

npm run test:e2e for E2E tests

cypress

Alt Text

I hope you will enjoy reviewing the code as much as I enjoyed while writing it ❤️