DEV Community: Andrés

Day 6 of #100daysofcode

Andrés — Mon, 18 Mar 2024 22:15:42 +0000

Honestly, it was not a good day in terms of progress. I encountered a bug that I was not able to resolve today. What happens is that, originally, this project can be done without using tools like React Router to navigate between pages because there are just 3 pages. However, I decided to add more pages, therefore the complexity grew and it seems better to completely switch to React Router and refactor the code accordingly.

I'm looking forward to fixing this tomorrow.

Day 5 of #100daysofcode

Andrés — Sun, 17 Mar 2024 23:51:17 +0000

Today I clarified my flowchart to bring more clarity on how this project should go and which parts come next.
I identified that I may be using similar buttons on some of the pages, so I created a Button component.
To make the game more exciting to play, I added a 1 minute countdown, so I'll be checking not only your knowledge, but also how fast you can answer.

Day 5 of #100daysofcode

Andrés — Sun, 17 Mar 2024 05:51:55 +0000

Not much time today, but I kept my compromised of coding for at least 1 hour everyday, so I tried my best even though I was really tired.

So I just added information to improve the user experience, so that you know that you need to wait before sending another API request.

Day 4 of #100daysofcode

Andrés — Fri, 15 Mar 2024 22:37:58 +0000

Today I worked on displaying the questions with its respective answers on the page.
Also, I wanted to focus first on making sure that you can start and then play again if you want, just before focusing on other parts of the game. That is because I decided to focus on the main functionalities and then adding the little details.
So, so far everything is working as expected: you start the game, you see some questions with possible answers and then when you start the game again, you'll see a waiting screen to make sure there are not many requests sent to the API.

Day 3 of #100daysofcode

Andrés — Fri, 15 Mar 2024 05:29:55 +0000

Today I just tried to get the logic right for the questions object I receive from the API, however it turned out to be a bit more complex that it seems.

Tomorrow I'll face the challenge with a fresh mind after some rest.

Day 2 of #100daysofcode

Andrés — Thu, 14 Mar 2024 02:50:50 +0000

Today I continued the first project I'm going to be building: the trivia game that I decided to call "nerdology" (you could win a prize by asking all the questions correctly!).

I mainly planned how it should look, what additional features I could add without adding too much complexity and how I should approach the development of this project: I decided to focus first on the main functionalities and leave the design for later.

Then, I added the function to fetch the trivia questions from, however I spent I bit of time trying to resolve a challenge: the trivia API only lets 1 API call every 5 seconds, and React in strict mode was making more calls to it because of its testing mechanisms.

To resolve this, I decided to use Lodash library to throttle the number of API request and not cause a network issue.

And at the end, it worked precisely on catching any possible errors properly.

I hope the planning will have good results later.

Day 1 of #100daysofcode

Andrés — Tue, 12 Mar 2024 20:48:09 +0000

Well, exciting moment! It always feels great to start a new project and this is the first day. A lot to learn along the way.

These are the main tasks I completed for today:

I chose React with Vite for this project.

Even though I have been using GitHub for a while, I have never started a working a repository from scratch right away and building it from there. That is because I have always contributed to other people's projects or because I uploaded the project when it was pretty much done.

So I spent the majority of my time learning a bit more about GitHub before uploading my repository. I learned that it is a good practice to include the 'node_modules' folder in the .gitignore file.

There case few exceptional cases in which you may want to do that, however, uploading that folder has many downsizes because they can significantly bloat your repository size and slow down operations like cloning and pushing.

Then, I spent the rest of the time mainly deleting prebuilt Vite files, organizing a bit better the project's structure, adding some boilerplate and choosing some basic styles.

Starting the #100daysofcode challenge

Andrés — Tue, 12 Mar 2024 18:41:12 +0000

Excited to start the #100daysofcode challenge!

At the beginning my main focus would be HTML, CSS, JavaScript, React, Bootstrap, and any other Front-End related technology.

Then, I’ll start learning more about FireBase and other helpful tools to help with the backend and handle data more easily.

Eventually, I’ll transition to my main personal project: a website to present and sell luxury items.

Today, on my first day I’ll start creating a fun trivia game using the Open Trivia DB, RoboHash among other APIs.

This would be a remake of a solo project I made some time ago from the amazing #Scrimba Front-End developer career, but I’ll also add my own creativity, design style, and functionality to it.