Built an Application using HTML, CSS, and JavaScript

Jul 14 (edited) • 🔔 Wins

After I finished the JS course, I started focusing on trying to apply my learnings, I did this by:

Using the 30 days 30 JS projects course to build out projects by following along in the project based learning GitHub:

https://github.com/practical-tutorials/project-based-learning

While at the same time starting my first application which is a gym progress visualizer, the idea initially came from prompting AI to give me ideas for projects based on my interests. There is a readme that explains the project further in the GitHub repository below.

In this project, I was able to improve with my HTML & CSS & SCSS skills more as well as build something functional without tutorials using JavaScript. This project was mostly vanilla JS except I used chart.js for one of the features on the app.

I did use AI to assist me with building it, I definitely would not have been able to do it all from scratch, especially at a faster rate. But when using AI assistance, I would focus on understanding the code that AI prompts and focus on understanding how everything works and why this code over something else, I found this helped me more with learning as well. I feel like not using AI at all isn't efficient and is like using a toy oven to cook food rather than a real oven.

The project is finished (for now) I may expand on it when I finish learning React but I might just build another application to further help myself understand how to build things better. I wanted to see what you guys think!

For Hayk: If you could do a code review to see how things are and where I could improve or do better that would be great!

This project was mainly a learning experience for me rather than building something super impressive. There will be more to come in the future God willing!

Here is the GitHub repository: https://github.com/hjoeyy/gym-progress-visualizer

6 comments