👩‍🏫 Courses
👩‍💻About

Coding Challenges

I recently joined a frontend developer bootcamp from Scrimba that is a fun and interactive way of learning to code. Scrimba provides an opportunity to practice coding through regular course challenges & Weekly Web Dev Challenges. What could be better way to learn coding than Coding on real challenges?

That's why, going forward, I am planning to work on every coding challenge presented by Scrimba...👩‍💻

Coding Challenge 1: Currency Convertor

Github Repo for the App & Live Demo

Here's the final version of my app 💵 💷 💴 Currency Converter


Coding Challenge 2: Budget Calculator App

Github Repo for the App & Live Demo

Here's the final version of the app (not really final as I still have multiple things to improve/upgrade)

Budget Tracker


Coding Challenge 3: Movie App using a film database

Github Repo for the App & Live Demo

Here's the final version of the app:

Movie App


Coding Challenge 4: Food App

Github Repo for the App & Live Demo

Here's the final version of the app:

Movie App


Coding Challenge 5: Greeting Card Generator

Github Repo for the App & Live Demo

Here's the final version of the app:

Card Generator App


Coding Challenge 6: Pet Age Calculator

Github Repo for the App & Live Demo

Here's the final version of the app:
Pet Age Calculator App


Coding Challenge 7: Quiz Master

Features

  • Quiz App using a public API Open Trivia Database
  • Provides an option to select quiz type.
  • Provides an option to choose difficulty level.
  • Indicates whether chosen answer is right or wrong.
  • Calculates total score based on right/wrong answers.
  • Displays a Congratulations/Sorry message based on user score.
  • Fully responsive. Built with html, CSS & vanilla JS.
  • Credit: Using background vector created by freepik as app background image.

Github Repo for the App & Live Demo

Here's the final version of the app:

Pet Age Calculator App


Coding Challenge 8: Scrimba 404 Page

Features

Github Repo for the App & Live Demo

Here's the final version of the app:

Pet Age Calculator App


Coding Challenge 9: Healthy Habit Timers

Features

  • User can set multiple timers to remind him/her for stretch break, water break , eye exercise, meditation, reading break & pomodoro session.
  • A sound beeps once the timer ends.
  • User can also select forest, rain or ocean sounds to play during the breaks.
  • Using Flexbox and CSS Grid.
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app:

Healthy Habit Timer App

Coding Challenge 10: Interactive Rabbit

Features

  • Create a Rabbit using CSS. Enable the user to change Rabbit's Eye, Ear & Nose color.
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app:

Rabbit Land

Coding Challenge 11: Create an app using emojis

Features

  • Using the HTML Drag and Drop API to create a COVID 19 Quiz app
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app:

Emoji Quiz App for COVID 19

Coding Challenge 12: Style Buttons Using CSS

Features

  • Using the HTML Drag and Drop API to create a COVID 19 Quiz app
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app: CSS Button Gallery

Coding Challenge 13: Style a landing page

Features

  • Using GSAP (GreenSock) for animation effects
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app: CSS Button Gallery

Coding Challenge 14: Build a Form

Features

  • Applied custom stying to form elements
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app: CSS Button Gallery

Coding Challenge 15: Age Calculator

Features

  • A calculator that can claculates your age in years, months and days
  • Fully responsive. Built with html, CSS & vanilla JS.

Github Repo for the App & Live Demo

Here's the final version of the app: CSS Button Gallery