Code at least an hour every day for the next 100 days
- Complete Meta Front-End Developer Professional Certificate ✅
- Complete CS50 course
- Create fullstack projects for my profolio
- Get a hang of/ start using tailwind 🤨, hosting ✅ and database ✅
- Complete and publish my presentable profolio
| No. | Projects Title | Completed On | Language/ Tools used |
|---|---|---|---|
| 1 | Todo list | 25 April 2024 | HTML, CSS, JS, Tailwind |
| 2 | Click game | 25 April 2024 | HTML, JS |
| 3 | Calculator | 10 May 2024 | HTML, CSS, JS |
| 4 | Memory game | 15. May 2024 | CSS, React |
| 5 | Currency convertor | 24. May 2024 | CSS, React |
| 6 | Currency convertor vanilla | 25. May 2024 | HTML, CSS, JS |
| 7 | Restaurant booking app | Paused | CSS, React |
| 8 | Swipebite | Ongoing | React |
Day 57 : 3 Nov (Sunday)
Time spent: 1h- setting up backend for swipebite
Thought: gotta make more time for this
Day 56 : 27 Oct (Sunday)
Time spent: 2h- setting up backend for swipebite
Thought: gotta make more time for this
Day 55 : 20 Oct (Saturday)
Time spent: 1h- start setting up backend for swipebite
Thought: Been a hectic 2 months and finally back to my projects. 🔥 Decided to scrap firebase and learn to build backend from scratch.
Day 54 : 29 Aug (Thur)
Time spent: 3h- fix display of my facourite page
- minor ui improvement
- research how i can restructure my app to interact with scraper api
- doubting if i have really screwed up by going for firebase for my project
Thought: should have done more research being choosing firebase.. it sounds attractive and easy to use, turns out to have many limitation. but then, it is through doing you get to know how much you didnt know from before.
Day 53 : 28 Aug (Wed)
Time spent: 6h- edit flappy bird into a "coinrace"
- creating assets
- swipebite app loads all neccessary scraped data
Thought: 4 hours straight without leaving my desk or being on my phone. boy i was in the zone.
Day 52 : 27 Aug (Tue)
Time spent: 2h- testing godot out
- made a flappy bird game frome a tutorial
- struggled with git
Thought: this is fun and im surprised how easy it is to make a mini game. Gotta try doing it from scratch soon. Self confidience peaked after making the game then quickly humbled by git when trying to push the game to gh
Day 51 : 21 Aug (Wed)
Time spent: 3h- formatting and handling google map data
- importing data to firebase
Thought: finally get to display data from google map into the app. another miøestone. going to update some component to match the format and figure out importing of sub collections when data are scraped seperatly.
Day 50 : 19 Aug (Mon)
Time spent: 1.5h- writing script for extracting data from spreadsheet
- reading docs on importing data to firebase
Thought: half way through the challenge it is.
Day 49 : 18 Aug (Sun)
Time spent: 2.5h- clean up react error messages
- data scraping
- delete my commit histories and update api keys before making my repo public (yes.. took me a while to find out .env is not ignored)
Thought: As a test, scraped 100 restaurants in oslo. Preparing the data for our app implementation. Probably have to make a script to extract and finetoning the data
Day 48 : 14 Aug (Wed)
Time spent: 2h- not a single line of code
- https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExZDIwaWk5dzdqbnl0OXA4c3psNng3NTFkY2Zyd292ZGMybXI3b3dvaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/h36vh423PiV9K/giphy.gif
Thought: researching data stucture and how i should scrape and host the data
Day 47 : 11 Aug (Sun)
Time spent: 2h- geocoding from restaurant address
Thought: finally done with setting up the restaurant details page and google map api. Will be moving on to scrape data so the app will soon be usable. also had to update all api key.. hehe..
Day 46 : 10 Aug (Sat)
Time spent: 2h- setting up google map api
Thought: spent large amount of time on old mistake about framework's naming convention for .env. Going to set up geocoding for address, to pin the restaurant on map.
Day 45 : 8 Aug (Thu)
Time spent: 2.5h- host entire app and data on firebase
- research on using google map api
Thought: finally done working with fetching data and can move on to a new topic which is showing restaurant location on a map. decided to put code in public after this is done.
Day 44 : 21 July (Sun)
Time spent: 4h- removing hardcoded data and fetching data from various collections
Thought: just 3 components left then I can start with scraping and importing. will be signing off now for 2 weeks summer holiday, hopefully i'll still remember how to commit by then.
Day 43 : 20 July (Sat)
Time spent: 3h- wire the app up with firebase to fetch menu item and image
- struggling on how to get parent collection of docs
- researching on scraping data from Google map
Thought: finally had the time to do some coding, love seeing progress but starting to doubt if Firebase was a good choice for the app. nosql database is making less and less sense to me.
Day 39-42 : 4-7 July (Wed)
Time spent: 13h- Finished the toy version to demo my app idea
Thought: This is exciting. Finally finish up a demo of the app I want to build. Cant wait to get some feedback!
Day 38 : 3 July (Wed)
Time spent: 3h- set up firebase project
Day 36-37 : 1-2 July (Mon-Tue)
Time spent: 2h- Complete basic ui for restaurant page
- Complete bnasic ui for favourite page
- set up firebase project
Day 34-35 : 29-30 June (Sat-Sun)
Time spent: 3h- Fixed the importing of data and add routing to restaurant page
Day 31-33 : 26-28 June (Wed-Fri)
Time spent: 3h- Finish basic web set up and ui for homepage
Thought: Like the fact that there are so many resource out there, really shroten the time for setting up an ok ui.
Day 30 : 25 June (Tue)
Time spent: 2h- Started on my n&w project
Thought: Havent been so active in updating status since i didnt exactly code, was mainly wireframing and solidating my app idea. Now the coding finally starts. Goal is to build a toy version of an app within a week to showcase my idea.
Day 29 : 24 June (Mon)
Time spent: 3h- Digital wireframing my app project
Day 28 : 22 June (Sat)
Time spent: 8+2h- Continued on the restaurant app
- Backend Server Setup Using NodeJS and Express
- Connect to Database using MongoDB Cloud
- +2 just to figute out how to push my code to gh. Bruh, my gitignore was in the wrong directory and has messed up all my commits.. it was a painful 2h
Thought: using database for the first time, was so hooked to get this to work that ive been sitting here 8h straight. loving this so far
Day 27 : 20 June (Thu)
Time spent: 1h- Conceptualise and wireframing my next project for nights and weekends s5
Day 26 : 19 June (Wed)
Time spent: 1.5h- Continued on the restaurant app
- Load cart items in the cart page, learned how to merge 2 array of objects based on a key
Thought: I think this is the first coding session where chat gpt wasnt used at all, which im proud of. Progress? Anyway, I have joined buildspace, so will be working on a new project for the next 6 weeks. looking forward to get started.
Day 25 : 17 June (Mon)
Time spent: 1h- Continued on the restaurant app
- Filled in the content for about, review and contact page for the restaurant website
Day 24 : 16 June (Sun)
Time spent: 1.5h- Continued on the restaurant app
- completing the hamburger menu
- update price depending on the amount of item users set in basket
Thought: Was out in the woods for the last couple days and it was nice to be back and code. Really glad to be done with another feature. The project is starting to be functional, looking forward to add this to my profolio as my first project.
Day 23 : 15 June (Sat)
Time spent: 1h- Started on cs50 week 1, learning to program with c
Day 22 : 14 June (Fri)
Time spent: 30min- complete cs50 week 0
Day 21 : 13 June (Thu)
Time spent: 15min- Continued on the restaurant app
- setting up the hamburger menu
Day 20 : 12 June (Wed)
Time spent: 2h- Continued on the restaurant app
- update quantity if same item is being resubmitted with a new value
Thoughts: slow progress today, had to turn to chatgpt at last... Learned new concepts tho, for react, when you want to update one object within an array, you shouldnt mutate the state directly but rather create a new array and replace the entire array.
Day 19 : 11 June (Tue)
Time spent: 3h- Implemented logic for shopping cart for my restaurant app
Thoughts: noticed i am weak in writing the syntax/ expression correctly. I get the logic but the writing it correctly is hard, hopefully its a beginner thing.
Day 18 : 10 June (Mon)
Time spent: 1h- Read blogs on different methods on implementing a shopping cart, to add item to carts
Thoughts: Used to follow a tutorial closely when implementing a new features, i.e. tutorial hell. Changing things up and watch until i fully understand, then write the psuedo code myself before implementing it, to have a better understanding and ownership to what i write.
Day 18 : 9 June (Sun)
Time spent: 4h- Continued on the restaurant app
- display item detail page when item is selected
Day 17 : 8 June (Sat)
Time spent: 3h- Continued on week 0 of cs50
- Continued on the restaurant app
- Highlight selected category
- display popup of item details when item is selected
Day 16 : 7 June (Fri)
Time spent: 1hContinued on the restaurant app
- Dynamically load categories pills for menuItem
Thought: Encountered infinity rendering error which helped me to understand the concept of states and useEffect better
Day 15 : 6 June (Thur)
Time spent: 1hContinued on the restaurant app
- Load dynamic pills based on unique category values
Thought: ran into a lot of error that i never encountered before, which i guess is good since i get to learn more from them
Day 14 : 5 June (Wed)
Time spent: 2h45minContinued on the restaurant app
- Load differents image per menu item
- Added a list of filters on the menu based on the food item's category
Thought: None, just that ive been really excited the whole day about coming home to code since im free tonight
Day 13 : 4 June (Tue)
Time spent: 1h15min- Load menu item dynamically instead of hardcoding
- Rearrange the folder structure to make it more organised to build new features on
Thought: Decided to put focus on building projects, to build up the front-end skills instead of doing another course actively. Well, I can still watch cs50 like a movie when I want to chill, but when im around pc, i have to code.
Day 12 : 3 June (Mon)
Time spent: 1h- Started on CS50, week 0
- Learned about base 64 encoding
Thought: Thinking if i should continue on cs50 or put my full focus on building projects out of the frontend course I just did... or would it be better if i do both at the same time? or should I stay focus on one thing?
Day 11 : 2 June (Sun)
Time spent: 3.5h- Completed Meta Front-End Developer Professional Certificate ⭐
- Learned about data structure, sorting and searching algorithm
Thought: Was very dedicated to have finish the certificate this weekend so went all in and studied. Happy that im done, still not sure if i would want to continue as a frontend developer but defintely have to include more features into my project. Learned about the data structure and different algorithm, those looks really fun to work with, will look a bit more into system development.
Day 10 : 1 June (Sat)
Time spent: 5h- Completed on a restaurant reservation react app
- Completed Completed course 8/9 of Meta Front-End Developer Professional Certificate ⭐️
- Started on 9/9 of Meta Front-End Developer Professional Certificate
- Learned about the concept of space and time complexity
Thought: Defintely have to come back to the restaurant app but its enough the pass the course for now. Soon done with the front-end course!
Day 9 : 31 May (Fri)
Time spent: 2hContinued on a restaurant reservation react app
-finally done with writing unit test
Thought: It was quite a long journey in figuring out whats wrong, not entirely understand each of the error so will circle back to this topic soon.
Day 8 : 30 May (Thur)
Time spent: 1hContinued on a restaurant reservation react app
-error fixing on unit test for handleSubmit function
Thought: Not much of a progress today, still struggling with the errors. 6min late and lost my gh streak
Day 7 : 29 May (Wed)
Time spent: 2hContinued on a restaurant reservation react app
-adding an unit test for handleSubmit function
Thought: spent majority of the time debugging. A simple test, from 5 errors down to 2 now. Struggling with the last 2, will continue tmr. :')
Day 6 : 28 May (Tuesday)
Time spent: 2hContinued on a restaurant reservation react app
-used context api to pass states
Thought: have to do more practise on context api since still not comfortable with it. Spent 30min+ on error "React Router: Cannot read property 'pathname' of undefined". Turns out it matters on the order of BrowserRouter import - Router, Routes, Route. Something so minor yet critical with a terrible error message.. :)
Day 5 : 27 May (Monday)
Time spent: 1.25hContinued on a restaurant reservation react app
-used useLocation and useNavigate hook to share states between pages
Thought: Was hoping to use context api to share states between booking and confirmation page but got stuck. Chatgpt suggested using useLocation and useNavigate, it seems simple so i went for it. Boy was I wrong for that. When done, not quite satisfied since the states are not global. Will be investing more time next time to do research and rewrite this using context api.
Day 4 : 26 May (Sunday)
Time spent: 5.5h- Continued on a restaurant reservation react app, completed the pages set up and the states of input, will be working on context next to share data between pages
- Learned more about dom manipulation
Thought: Spent a lot of time googling and fixing errors today since im new in working with states, ngl, was pretty frustrated at some points but getting through these is what makes the difference.
Day 3 : 25 May (Saturday)
Time spent: 4.5h- Continued on course 8/9 of Meta Front-End Developer Professional Certificate
- Started on a restaurant reservation react app as my course capstone project, created half of the home page
- Completed a vanilla js currency convertor without tutorial
- Struggled a bit with setting up new repo and git for the project
Thought: Coded the whole day without watching tutorial to pratise my googling skills, went pretty well. Putting focus on writing css today for the first time, not as itimidating as I thought itd be.
Day 2 : 24 May (Friday)
Time spent: 3.5h- Started on the capstone module of Meta Front-End Developer Professional Certificate
- Learned how to make a drop-down component with animation in figma
- Learned how to secure an api key on an open repo
- Started on making a convertor without tutorial. stopped after all currency loaded as an option
Thought: Slow progress today. Hiding api keys seems very complicated yesterday but turns out its pretty straight forward. Got scared by all those long reddits post on this topic.
Day 1 : 23 May (Thursday)
Time spent: 7.5h- Completed course 7/9 of Meta Front-End Developer Professional Certificate ⭐️
- Earned Principles of UX/ UI Design certificates ⭐️
- Followed a tutorial on making currency convertor with react (used an API key for the first time)
- Organised my repo and profile page on Github
- Joined #100daysofcode on discord
- Watch a couple youtube videos on local hosting (not that i am going to do it anytime soon or ever)
Thought: Have been sick for a few days now but all of sudden have this burst of energy working on programming, very hyped right now. Was suppose to sleep at 10 and here i am, editing my challenge readme at 1 am. Im really enjoying this.