Scrimba Notes & Projects

Notes and projects from the Scrimba Frontend Path, and extra-curricular activities surrounding the same topics studied.

Project 27 (Solo Project)

A fully responsive movie search portal with a watchlist:

• Input text to search movie title.
• API will fetch movies matching your text input.
• The app will render each key in the object into a visible list.
• Titles can then be saved to your watchlist (localStorage).
• Watchlist entries can be removed (localStorage).

To see the project code click here
To see the project in action click here

Project 26

Topics covered in this project:

1. Callbacks:

• Functions as first-class objects
• Built own .filter() method

2. Promises:

• Learned about the three states (pending, fulfilled, rejected)
• .then() and promise chaining

3. War:

• Deck of Cards API
• Styling & Layout
• Algorithm practice
• UX Improvements

4. Async/Await

To see the project code click here
To see the project in action click here

Project 25 (Solo Project)

A fully responsive colour picker:

• Select basis colour.
• Select colour scheme.
• The app will make an API call to return a colour pelette from colourAPI.

To see the project code click here
To see the project in action click here

Project 21 (Solo Project)

A fully responsive journal website with multiple pages:

• Navigate between pages.
• Layout will shift based on the device viewing the website.

To see the project code click here
To see the project in action click here

Project 18 (Solo Project)

A restaurant menu ordering app with the following features:

• Add/remove items from the cart.
• Show a total sum of all products in the cart.
• Modal to process payment.

To see the project code click here
To see the project in action click here

Project 17

Flingger, a tweeting app with the following features:

• Tweet some text.
• Like a tweet.
• Re-tweet.
• View comments.

To see the project code click here
To see the project in action click here

Project 16

World's most annoying cookie consent with the following features:

• Won't allow you to decline.
• The rest is a 'surprise'.

To see the project code click here
To see the project in action click here

Project 11

A unit conversion utility app:

To see the project code click here
To see the project in action click here

Project 8

A blackjack web based game:

To see the project code click here
To see the project in action click here

Project 2

A landing page for a space exploration company:

To see the project code click here
To see the project in action click here