The 7 Days 7 Projects Challenge 👨‍💻
Tags: webdev, javascript, react, nextjs
Published: 2024-01-14 06:41:55

## 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](https://github.com/ArjunCodess/Rock-Paper-Scissors)**: With Vanilla JavaScript               |
| 9th January 2024, Tuesday    | **[Dropbox 2.0 (Clone)](https://github.com/ArjunCodess/dropbox-2.0)**: Cloud Storage Platform With Next.js, TypeScript, Tailwind CSS, ShadCN/ui, Clerk & Firebase |
| 10th January 2024, Wednesday | **[Earth Globe Model](https://github.com/ArjunCodess/earth-globe-threejs)**: With WebGL & Three.js                                                                        |
| 11th January 2024, Thursday  | **[PalletePro](https://github.com/ArjunCodess/palettepro)**: Color Palette Generator With Next.js 14, Tailwind, TypeScript & ColorThief                          |
| 12th January 2024, Friday    | **[BookingHub](https://github.com/ArjunCodess/bookinghub)**: With Next.js, TypeScript, Tailwind CSS, ShadCN/ui and Oxylabs for Web Scraping                                                                         |
| 13th January 2024, Saturday  | **[ThinkTankTrivia](https://github.com/ArjunCodess/ThinkTankTrivia)**: Quiz Platform With React.js, React Router, Hooks, Tailwind CSS & JSON(Fetch API)                                                                    |
| 14th January 2024, Sunday    | **[Memeion](https://github.com/ArjunCodess/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](https://linktr.ee/ArjunCodess)

I hope you found this article helpful ❤️

Happy Coding! 🚀
Thanks for 11471! 🤗

***