My Journey Through The 30days JavaScript Coding Challenge

Okonu Deborah

Hello, I’m Okonu Deborah and I’ll be writing my experiences and what I was able to learn and create while doing a 30days JavaScript coding challenge.

On 11th July 2020, I joined FemCode Africa 30 days coding challenge. And we were to select different tracks on what we want to learn in the next 30 days. At first I choose React, I felt it was time for me to learn a framework but I guessed my feelings were wrong. Because at that time, I wasn’t even done with learning and fully understanding how JavaScript works. So after so many failures, I decided to go back to JavaScript.

So for the last 30 days I have been coding with JavaScript, trying to create things with JavaScript in other to improve on my JavaScript skills.

Below are a list of things I was able to create with JavaScript in the last 30 days.

Week 1: I was able to create:

ToDo List

It’s a simple To-Do list app.

Creating this wasn’t quite easy, I had to ask for help from friends and Google 🙂.

Here is the link:

https://debbie-todo.netlify.app/

Debbie's Random Quotes App

I call this; Debbie’s Random Quotes App.

So, I thought of creating something that is inspiring and motivating. I decided to create a Random Quotes App.

Here is the link:

https://bit.ly/Random_Quotes

Week 2: I was able to create:

❤️❤️

Firstly, I just couldn’t think of a better name for this project 😊.

I added a link to something cool just to spice it up a little bit😜.

Here is the link:

https://bit.ly/exploredebbie

Tip Calculator

Here is the link:

https://bit.ly/Tip_Calculator

Grade Calculator

This isn’t like a big project, actually, it’s just a calculator that helps to calculator your percentage bases on your score and total score.

If you wrote an exam and your score was 50 and the total score for tht exam is 100, this calculator basically gives you your percentage score.

Here is the link:

https://bit.ly/Grade_Calculator

BackgroundColor changer

I thought about creating a button that when clicked on, it would just keep changing the background color of the page with random colors. Amazing right😉?

Here is the link:

https://bit.ly/Background-color

JavaScript forms

This is actually a two in one project.
I created a CSS loader at the beginning. Then a simple login form with validations

Here is the link:

https://bit.ly/formValidate

StopWatch

Here is the link:

https://bit.ly/stopWatch

Christmas Countdown

Christmas is my best time of the year, so creating a countdown to Christmas was really fun for me💃🎉.

Here is the link:

https://bit.ly/countdown_christmas

Week 3:

Pause⏸️: At this point, things were getting a Little bit complicated. I was almost giving up🤦. But then, I remembered the promises of God for my life, and how he gives strength to the weak. I held on to that promise and I said to myself; “Deborah, you can’t just give up now! God started this with you, and he’s going to help you through it. You’re an overcomer!! With God, all things are possible!😊”.

Play▶️

I Was Able To Create:

BMI

Knowing your body mass index is really healthy. So I decided to create a calculator that calculates your body mass index so you could Know if you are over weighed or under weighed.

Here is the link:

https://bit.ly/Gitbmi

Number Guessing Game

It was really fun creating this. I decided to at least create one game. And I saw this number guessing game on the internet and decided to do same too.

Here is the link:

https://bit.ly/Numbguess

Weight converter

Here is the link:

https://bit.ly/Weightconvert

Sort list

Here is the link:

https://bit.ly/Sortlist

Search Menu

Here is the link:

https://bit.ly/Searchmenu

Modal image
Gallery

Here is the link:

https://bit.ly/DebbieGallery

Image slide

While working on my explore Debbie website. I needed to create a gallery page so I though of using this as it too.
Part of what motivated me to create this.

Here is the link:

https://bit.ly/exploregallery

🎉🎉

I don’t really know if I named it well, I just couldn’t think of something else to name it. But i’ll be glad if you could check it out and give it a more suitable name😉.

Here is the link:

https://bit.ly/Clientstest

Progress bar

Here is the link:

https://bit.ly/Debbieprogress

Height Converter

Here is the link:

https://bit.ly/Convertheight

Week 4:

Pause⏸️ I almost gave up at this point. ☹️ I thought I won’t be able to do it.

But, when Jesus says Yes, nobody can say No ❤️😊.

Play▶️

A friend of mine; Daniel Don, once told me to create a weather App so I could know how to make use of APIs(Application Programming Interface). But, Because at that time, I had to work on my ExploreDebbie website, I decided to keep that on hold and then it ended up being my Final project for the challenge🎉.

Weather App ❤️

After watching some YouTube videos, I created a weather App, that shows the current weather condition of any location. All you have to do is, type in a valid location and press the enter key😉

Here is the link:

https://bit.ly/debbieWeather

Debbie 😊

In synopsis, this challenge really helped a lot. As far as learning Is concerned, I was able to learn a lot of things. I was able to learn how to implement JavaScript and how to make good use of it.

I think one of the very good project I did during the 30days challenge is the Random Quotes App.
Which according to the bit.ly link tracker my link has about 50 clicked. And I got quite a lot of commendation From people.

Appreciation

I just want to thank God for giving me this opportunity and strength to be able to go through the 30days coding challenge successfully.

FemCode Africa

I also thank FemCode Africa for giving me the opportunity to participate in this 30days coding challenge. And i also Want to thank my tutor Mr Ikechukwu, for making it more fun and motivating😁. It was indeed helpful and fun. I’m so happy i joined💃😊.

I’lld love to hear from you guys.

Which among the projects did you like most?😉

Send me a message on WhatsApp => Debbie❤️

A front-end web developer || A lover of Mathematics || A computer science student.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store