This repo is a made-from-scratch timetable using basic table tags for structuring and styled-components for styling. The language chosen was TypeScript for learning purposes.
In case you want to create your Timetable using this repo, proceed as follows:
-
Clone the repo into your machine
-
Start the app by running the command
yarn start
-
Open http://localhost:3000 to view it in the browser.
-
To replace the courses go to the file
events.ts
located inside thesrc
folder. -
Create the Courses you are taking as classes to avoid writing repetitive code (DRY).
-
Inside the
TimeTableData
array, place the courses in their respective time and day, time being the object of theTimeTableData
's array and day being an attribute of the time object. -
Save the changes and view them in the browser.
-
For deployment you can use Render or Netlify for continuous deployment.