Practice creating a Javascript project using simple node.js, css and html

Run the app locally

npm start

Converting css to sass

• sass checklist.scss checklist.css

Quotes Generation

• using a free API random generation
• followed this project
• free api we are using

How to run typescript file

npx ts-node name_of_the_file.ts

TODO - Harry Potter themed page

PART 1 - beginner:

• create 4 buttons of the harry potter Houses
• When clicking a button, we extract the name of those who are in the respected houses
• use fixture file

PART 2 - Intermediate:

• use maybe an open API?
• maybe try connecting a DB and extract information from it? maybe DynamoDB?
• https://hp-api.onrender.com/api/characters - use this API
• use this as example: https://github.com/jamesqquick/harry-potter-api-with-dynamo-db-node-express/tree/master
• https://planetscale.com/blog/create-a-harry-potter-api-with-node-js-express-mysql-and-planetscale