Introduction 💡
I started the #7Days7Projects challenge on January 8th, 2024 and completed it on January 14th, 2024. ✌️🎉
It was a journey of learning and growth as each day brought new a project and opportunities for learning. 🌟
As a Full Stack Developer, I liked it very much as the challenge helped me to build huge projects every day, which developed a sense of consistency and discipline in myself.
The Challenge 🛠️
The rules of this challenge are given below:
- code at least 3-4 hours and create a project around it
- a project has to be a web app that does something
- you can pick what programming language and framework you like
- the project has to be done by 11:59 PM every day.
Creative Process 🎨
To successfully create a project, I had to do two things:
- Have an idea
- Know if it'd be feasible.
Thinking Approach 🤔
I had a specific thinking process which I used to create a project.
This structured process included 3 steps:
1. Outline
First, I started by outlining the project in great detail. This involved choosing a project, deciding on the tech stack, coming up with a good name and other important things.
2. Execution
The next step was about execution i.e. actual coding. I spent 4-6 hours building the project while taking breaks in between which allowed me to retain productivity and also my creativity.
3. Reflection
After finishing, I did some reflection which involved creating a not-so-lengthy README.md file that went into the details of the project and reminded what I had learned today.
This structured approach streamlined my project development and I'm sure it will do that to yours too.
Let's Go! 🚀
Below is the list of all my projects.
Don't forget to give the repositories a ⭐ if you like it.
| Date/Day | Project |
|---|---|
| 8th January 2024, Monday | Rock Paper Scissors: With Vanilla JavaScript |
| 9th January 2024, Tuesday | Dropbox 2.0 (Clone): Cloud Storage Platform With Next.js, TypeScript, Tailwind CSS, ShadCN/ui, Clerk & Firebase |
| 10th January 2024, Wednesday | Earth Globe Model: With WebGL & Three.js |
| 11th January 2024, Thursday | PalletePro: Color Palette Generator With Next.js 14, Tailwind, TypeScript & ColorThief |
| 12th January 2024, Friday | BookingHub: With Next.js, TypeScript, Tailwind CSS, ShadCN/ui and Oxylabs for Web Scraping |
| 13th January 2024, Saturday | ThinkTankTrivia: Quiz Platform With React.js, React Router, Hooks, Tailwind CSS & JSON(Fetch API) |
| 14th January 2024, Sunday | Memeion: Meme Generator With Vanilla JavaScript & Meme API |
What have you learned during the challenge? 📚
I've learned a couple of things -
- learned how to design and plan a project structure using Figma
- learned and played around with some APIs and technology that I haven't used before
- learned more about some advanced Tailwind CSS classes
- learned how to use Three.js & WebGL for 3D graphics on the web
- learned how to work with Firebase Storage and Oxylabs for web scraping
- learned how to use TypeScript for type safety
- learned and played with ShadCN/ui components for an out-of-the-ordinary design.
It ended up helping me solidify my JavaScript, Next.js and Tailwind CSS skills!
Why Should I Do This Challenge? ❓
If you are looking to strengthen your JavaScript, React.js, Next.js and Tailwind CSS skills and if you are a master procrastinator, then this challenge is for you. The main aim of doing this challenge is to develop consistency and discipline in yourself.
Conclusion 🔍
From learning project creation tactics to mastering new technologies, the experience cultivated consistency, and discipline, and enhanced my WebDev coding skills in me.
I feel great to have completed this challenge, and it has undoubtedly strengthened my ability to take forward diverse and lengthy coding projects with confidence. 🎉
Connect With Me: Linktree
I hope you found this article helpful ❤️
Happy Coding! 🚀
Thanks for 11471! 🤗
Top comments (0)