DEV Community

Cover image for The 7 Days 7 Projects Challenge πŸ‘¨β€πŸ’»
Arjun Vijay Prakash
Arjun Vijay Prakash

Posted on

The 7 Days 7 Projects Challenge πŸ‘¨β€πŸ’»

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)