DEV Community

Cover image for The 7 Days 7 Projects Challenge ๐Ÿ‘จโ€๐Ÿ’ป
Arjun Vijay Prakash
Arjun Vijay Prakash

Posted on

10 1 1 1 1

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)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up