🚀 Check out my $1,000,000 journey!

Weekly Coding Challenge - The Complete Guide

7 min read

Weekly Coding Challenge thumbnail

Introduction

Some of you might know (or if you don’t, you will find out now 😉) that I started a Weekly Coding Challenge program for developers which is beginner-friendly and aims to help them learn, practice and/or improve their development skills by creating all sort of projects and small-sized applications.

Also, there is a twist 😏: I will be participating in the challenge too and I’m going to write a new tutorial each week in which I’m going to explain in detail how I solved the challenge. This will be great for those of you which might get stuck along the way. Also for those of you which successfully completed the challenge this will be a good opportunity to see another approach and maybe learn something new. 👍

I’ve shared this idea with the developers community and I was very surprised 😲 by all the positive feedback that I received, so I decided to create this Guide which explains in much more detail all the things you need to know in order to participate.

Why am I doing this?

I LOVE ❤️ these kind of projects as they allow me to practice different coding skills in a short period of time. This is a win-win situation as you might not always have the required amount of time to work on a big, “start-up” like idea or project. At the same time you feel the satisfaction of completing something, even if it’s smaller (which will boost your motivation). 😄

I really enjoy helping others and this is a great way for me to share the things that I’ve learned in the past 6 years with the ever growing community of developers. I’ve learned a lot from others and this is my way of giving back to the community.

Reasons to join this program

  1. It’s FREE! 🆓
  2. Great way to learn, practice and/or improve your coding skills.
  3. Great to try out a new programming language, library or framework.
  4. It has easy to complete challenges that will boost 🚀 your motivation.
  5. Great to add awesome projects in your portfolio in order to impress your next employer.
  6. Solves real-world projects which you’ll encounter on your coding journey.
  7. Has an in-depth tutorial which you can follow if you get stuck or if you want to learn another approach.

Coding Challenges (so far :wink:)

WeekThemeArticle / My submissionAll Submissions
Week #1Sign in/up FormDouble Slider Sign in/up FormCodepen Collection
Week #2SliderFull Page SliderCodepen Collection
Week #3NavigationTab Bar NavigationCodepen Collection
Week #4Loading AnimationsInterwind Loading AnimationCodepen Collection
Week #5Drawing AppDrawing App built with p5jsCodepen Collection
Week #6ButtonButtons UI KitCodepen Collection
Week #7PortfolioPortfolioCodepen Collection
Week #8Chat InterfaceChat InterfaceCodepen Collection
Week #9ModalModalCodepen Collection
Week #10ClockClock with p5jsCodepen Collection
Week #11TooltipPure CSS TooltipCodepen Collection
Week #12ToggleDark/Light theme toggleCodepen Collection
Week #13AccordionAccordionCodepen Collection
Week #14Progress BarProgress BarCodepen Collection
Week #15Instant SearchVanilla JavaScript Instant SearchCodepen Collection
Week #16NotificationsNotification BoxCodepen Collection
Week #17PaginationPaginationCodepen Collection
Week #18Social Media ButtonsSocial Media ButtonsCodepen Collection
Week #19TestimonialsTestimonial CardCodepen Collection

What you should know before starting

Every week I’ll be announcing the theme of the week via Twitter at @florinpop1705 and I’m going to share the tutorial where I’ll explain how I created my version of the project, so make sure that you follow me.

For those who don’t use Twitter, you can opt in to receive the theme of the week directly to your inbox by clicking here.

The weekly themes could range from: Creating a CSS animation of some sort to Building a Notes Application or Implementing the design for a Sign in/up Form (this was the theme of the 1st week), etc… the sky is the limit!

You can even submit your own idea here and it might become the theme of one of the following Coding Challenges! 😄

How to participate

It’s pretty simple… You create your project on Codepen or Glitch (if it requires a back end) and share with me the link to the project when you complete it. Details below 👇.

IMPORTANT!

You SHOULD NOT build the project in the exact same way that I’m building it! Be creative! Come up with your own version, with your own design, and you can even add new features to improve the project! This way you will get the most out of the challenge.

If however you get stuck at one point you can follow the tutorial and look at the code more in-depth, but at least you should write the code on your own and not just copy/paste it. This is a good way to understand the project better than by simply copy/pasting it.

FAQ

Where can I submit my solution?

There are three ways you can submit your solution:

Make sure that you provide your Name/Nickname/Username (anything that is distinguishable) and the link to your project when submitting.

Can I submit a solution for a previous Coding Challenge?

Yes, of course! You can submit the solution for any Challenge at any time!

Is there a HASHTAG we could use on Social Media?

Yes, you can use the #weeklyCodingChallenge hashtag when sharing.

Will my project be showcased?

If you want it to be showcased: Yes, I’m going to add it in a Codepen Collection (see above)! 👍

Why are the challenges only once a week?

I have a full-time job as a developer and this is the most I am able to create at the moment. Depending on the feedback received from the community, I might create more challenges/week in the future, if this is requested. 🌝

Can I help/contribute to this program?

Yes! Thank you for your willingness! You can suggest your own ideas for the next Coding Challenge in this Google Form. 🙏

Together GIF

We can learn and accomplish so many things, together! 😃 I’m glad that you decided to join on this journey!

I hope that this program will help you reach the next step in your development career! 🚀

I’m always here if you need any help and I’m open for your feedback. Don’t hesitate to contact me!

    Want to stay updated?
    Sign up for the newsletter.

    No spam. Unsubscribe at any time.