An alternative way to log your 100DaysOfCode

fabiorosado profile image Fabio Rosado ・3 min read

This project is meant to be an alternative way to keep track of your 100DaysOfX challenge. It allows you to have your first portfolio - if you wish so, or a place where you can keep track of your progress.


GitHub: https://github.com/FabioRosado/100daysof
Demo: https://100daysof.netlify.com

I tried to think about the things that I would like to have when I was taking the challenge and came up with a few things that got implemented into the project.

  • A full timeline to view all of the progress
  • A way to keep track streaks like the GitHub graphic
  • A way to expand the log to include more things than just thoughts and progress
  • A place to keep track of the books read through the challenge
  • A place to separate projects done through the challenge
  • A place to blog about stuff learned or thoughts
  • A way to stay motivated through the challenge

Why the project was created

Last year I participated in the #100DaysOfCode and was able to complete it but failed to maintain a streak of 100 days. When working on the challenge I became unhappy with the way we log our progress, mostly because I was using a single markdown file.

Slowly a seed grew in my head and I was able to come up with a concrete idea for a project that could offer a better way to keep track of your progress. I also wanted to help folks that never coded before and decided to get into coding by doing the challenge.

The birth of 100DaysOf

Looking at the things I wanted to implement, it was obvious that a single markdown file wouldn't just cut it. So the idea of creating a site for the project came to mind.

Also, there are a lot of people that start coding by committing to the 100DaysOfCode challenge, so I wanted to give them the possibility to set up and have their own version of the site to show off their progress and to be their first portfolio.

I wanted to release the project on the 1st of January mostly because a lot of people commit to the challenge on this date. So I implemented my own version of a scrum board and filled the backlog with everything that I needed to do and started my sprint.

The project was released after 1.5 week - it helped that I was off and had plenty of time. But a lot of things needed to be improved, also I wanted to add achievements to the site just to add a bit of gamification to the challenge.

A lot of liquid tags - if/elif statements - I created the basic logic for the achievements, afterwards all that was needed to do was create the badges. Adobe XD was a great tool to design both the badges but the whole layout of the site.

What's next

At the moment I am quite happy with the layout and everything that is implemented. The site doesn't look as good as it should on ipads, but mobile seems okay although it could be improved a bit, so any feedback would be valuable!

Would love to have people using the project, but no one is using it at the moment. Hopefully this will change in the future. Finally, I want to add a few more achievements, perhaps some related to coding languages used.


Editor guide
kaanguru profile image
cem kaan

What you do when you miss days? I mean I started 20 days ago but I am still in day 12. Believe it or not I forgot to post. In fact I am always reading manuals or other stuff about coding.
Since you are working in a real job ✈️ (not like me working from home) I believe you must be missing more than I do 😊

fabiorosado profile image
Fabio Rosado Author

Hello thank you for the comment!
I feel you, I used to forget to log things each day. Since the streak is based on post dates you can create a new post with your progress and set the date for that past day.

If you spent time reading about coding I’d say they are good to log as well πŸ˜„πŸ‘

Also I’m not going to lie, I failed the challenge twice and when I did completed it I didn’t feel I did it right because had to skip many days. Like you said working a real job makes things harder and shift work doesn’t help since I can’t really plan too ahead when I will have time to code. At least when I’m off I bing on all code related things πŸ˜„

Finally, if you are using this template feel free to share it I’d be happy to see it in action and also if you have any feedback let me know πŸ‘

kaanguru profile image
cem kaan

I think I will adapt sidebar of your lovely template to my home page.


Thread Thread
fabiorosado profile image
Fabio Rosado Author

That's cool, let me know if you need any help 😁
Your site looks cool really like the color scheme πŸ‘

omarotxoa profile image

Hey, that's really cool! I've been thinking about doing the challenge and this looks like an awesome way to track progress. Lucky I just started messing around with Jekyll so this is perfect timing. I'll be forking this. Thank you!

fabiorosado profile image
Fabio Rosado Author

No worries glad I could help! Let me know if you need any help getting started with it and setting up your GitHub page πŸ˜€

apol0x profile image

Hey, I love the idea man. I'm starting to make a own portfolio and webs test on netlify and similar. I tried the challenge months ago but for didn't do a good tracing about my work I gave up. But I start again and you project it's a wonderful motivation. Thanks a lot man ;)

fabiorosado profile image
Fabio Rosado Author

That’s awesome thank you so much for those kind words. I failed my first attempt as well and on my second I did log 100 days but not in a row, it’s alright to break your streak :D