days-of-code

    day-190

  • Worked on the movie app and tried to solve how to add movies to the favorites section. I created two custom hooks for favorites and localStorage. Next: implement the functionality of favorites.

    day-189

  • Worked on the movie app and tried to figured out how to grab video data from TMDB API. Still not sure but I bet it will work tomorrow :)

    day-188

  • Day-off.

    day-187

  • Read an article about benefits of reading code.
  • Worked on the movie app and finally figured it out how to implement search functionality. Plus did some refactoring but Lighthouse performance score is still terrible.

    day-186

  • Play around with RegexLearn a bit. Its quite great for learning about regular expressions from scratch.
  • Read an article about benefits of blogging by Flavio Copes.
  • Finished the useEffect: persisten state exercise of react-hooks .
  • Worked on the movie app, did some optimization and refactoring. Next: conditional filtering on the search page.

    day-185

  • Worked on the movie app, added fallback data to the card component. Check the demo. Next: image optimization!

    day-184

  • Finished the useEffect: persisten state, custom hook exercise of react-hooks and created my first custom hook.
  • Worked on the movie app, added a new custom hook for spread data from API and add new sections to the main page. Check the demo. It's poor on performance because there is no image optimization yet.

    day-183

  • Started a course called Three.js Journey by Bruno Simon and created my first 3d object. Well, that was dope!
  • Finished the third extra exercise of useEffect: persisten state from react-hooks course.

    day-182

  • Read about early days of JavaScript, TC39, ECMA and ECMAScript.

    day-181

  • Finished the first and second quests of useEffect: persisten state from react-hooks course.
  • Worked on movie app, did some refactoring and cleaned the component tree. Next: search and filter functionality.

    day-180

  • Finished useState: greeting chapter of react-hooks.
  • Worked on movie app, created a card hover effect to show more information.

    day 179

  • Worked on movie app, added a new loader component and designed main page components responsively.

    day 178

  • Worked on movie app and added an axios call for spread data to the components dynamically.

    day 177

  • Day-off.

    day 176

  • Learnt about React Router and have used it to add some features to my movie app project.

    day 175

  • Finished Forms and Rendering Arrays chapter of react-fundamentals and completed this section.



    day 172

  • Finished Using JSX chapter of react-fundamentals.
  • Worked on React Movie App.
  • Worked on my freelance project.


    day 169, 170

  • Day off.

    day 168

  • Read about React's Router, Error Boundaries, Portals and Render Props.

    day 167

  • Made a tiny project with React HOC and useState. Check the demo.

    day 166

  • Finished weather app.



    day 164

  • Finished the week-3 homework of the front-end bootcamp.


    day 162

  • Read Functions chapter from Air-bnb JavaScript style guide.
  • Fixed a bug on last weeks homework random-user project.
  • Started a new Weather App project for bootcamp. I will use React.js, vite.js, styled-components, MaterialUI, eslint and prettier as my tech stack.


    day 160

  • Initialized a new movie-app project with React.js. It is a graduation project for bootcamp and I will work on it with my team.
  • Read Objects and Array chapters from Air-bnb JavaScript style guide.


    day 158

  • Almost finished week-2 homework. I have to save rendered data to localStorage and polish my code.

    day 157

  • Worked on week-2 homework of the front-end bootcamp.

    day 156

  • Worked on week-2 homework of the front-end bootcamp.

    day 155

  • Worked on week-2 homework of the front-end bootcamp.

    day 154

  • Day-off.

    day 153

  • Designed a UI for second weeks 2th homework of the bootcamp.

    day 152

  • Worked on week-2 homework of the front-end bootcamp.
  • Added new resources and fixed some content and typos of front-end resources repo.

    day 152

  • Read about early days of the web. (keywords: ARPANET, web 1.0, web 2.0.)
  • Read about JavaScript Scope.
  • Made some progress on scrimba react course.
  • Worked on week-2 homework of the front-end bootcamp.
  • Read an article about learning curve of learning programming.


    day 150

  • Worked on calculator project.
  • Finished week-1 homework of bootcmap.


    day 148

  • Started a new calculator project and finished the UI design. It is a homework for front-end bootcamp and I used Tailwind for design system.

    day 147

  • Solved a challenge on Codewars.
  • Finished a couple of sections on React course.
  • Finished header design on flag-api project. Check the demo.


    day 145

  • Solved a challenge on Codewars.
  • Designed a mobile navbar to the flag-api project.

    day 144

  • Second class of the bootcamp. Most of the time spend with the JavaScript basics.
  • Messed around with the React components, hooks and virtual dom structure.

    day 143

  • First day of the bootcamp.
  • Worked on the dark mode implementation for a new project. Followed this great guide.

    day 142

  • Day off.


    day 140

  • After several applications, finally accepted into a front-end bootcamp.
  • Finished the useEffect: persistent state section and completed all the lessons of Epic React - Hooks.

    day 139

  • Solved a challenge on Codewars.
  • Finished the useState: greetings section and completed all the lessons of Epic React - Hooks.

P

    day 137

  • Started a new project. I will use React.js, vite.js and styled-components as my tech stack.

    day 136

  • Read an article about how to improve your programming skills.





    day 131

  • Solved a couple of challenges on Codewars.

  • Finished the 'Props' and 'Project I' section at react.tutorial.app
  • Started a new React course and read some prequisities.








    • day 122

    • Completed a technical assessment test for a Front-End Bootcamp.

      day 121

    • Day off.




      day 116, 117

    • Day off.







      day 109

    • Started to write a new blog-post about interact.js.
    • Watched a video about differences between pseudo-classes vs pseudo-elements.

      day 105-108

    • Day off.


      day 103

    • Day off.


      day 101

    • Day off.



      day 98

    • Day off.


      day 96

    • Finished the e-commerce project.

      day 95

    • Worked on the e-commerce project.



      day-92

    • Worked on the e-commerce project.


      day 90

    • Worked on the e-commerce project.

      day 89

    • Worked on the e-commerce project.

      day 87, 88

    • Day off.

      day 86

    • Worked on the e-commerce project.
    • Worked on the golden-sweet project and finished most of the design.




      day 82

    • Day off.









      day 73

    • Day off.

      day 72

    • Solved Day 4: Create a Rectangle Object challenge on HackerRank 10 Days of Javascript.
    • Solved a couple of challenges on Codewars.
    • Started a Etch-A-Sketch project on The Odin Project cirriculum. Check the demo.



      day 68-69

    • Day off.


      day 66

    • Day off.



      day 60-63

    • Day off.

      day 59

    • Worked on the golden-sweet project and finally complete the main drag and drop functionality.

















      day 38-42

    • I gave myself some off-computer time to avoid burnouts.
















      day 24

    • Day off.











      day-13

    • Day off.










      day 3

    • Solved a couple of challenges on Codewars.
    • Completed HackerRank 10 Days of Javascript.
    • Solved Day 2: Operators challenge on HackerRank 30 Days of Code.
    • Watched a tutor about Object Oriented Javascript on Udemy JS course.
    • Completed second project of javascript-30 by Wes Bos. (Clock)
    • Read the chapter If on A Smarter Way to Learn Javascript by Mark Myers and solved all the challenges of this chapter.
    • Fixed the hero section on my project seo-landing-page.

      day 2

    • Read about cloud service technologies.
    • Solved a challenge on Codewars.
    • Solved Day 1: Let and Const challenge on HackerRank 10 Days of Javascript.
    • Solved Day 1: Data Types challenge on HackerRank 30 Days of Code.
    • Completed Document Object Model section on Udemy JS course.
    • I fixed my navbar and topper with all screen sizes on my project seo-landing-page.
    • Solved a couple of challenges at freecodecamp / JavaScript Algorithms and Data Structures.
    • Read about default values on functions in Javascript.
    • Read the chapters of Predence, Comparisons and Conditionals on The Javascript Beginner's Handbook by Flavio Copes.
    • Read the chapter Prompts in A Smarter Way to Learn Javascript by Mark Myers and solved all the challenges of this chapter.
    • Watched a tutorial on Youtube explaining the difference between declaration and expression functions.
    • I completed first project of javascript-30 by Wes Bos. (Drum Machine)

      day 1

    • Read about cloud technologies like SaaS and PaaS.
    • Watched a tutorial on Youtube explaining the difference between let, var and const.
    • Solved first challenge on HackerRank 30 Days of Code.
    • Watched a couple of videos about DOM methods on Udemy JS course.
    • Read some parts of The Odin Project's Fundamentals Part 3.
    • Solved first challenge on HackerRank 10 Days of Javascript.
    • Solved a couple of challenges at freecodecamp / JavaScript Algorithms and Data Structures.
    • I worked on Product Landing Page at freecodecamp / Responsive Web Design Projects.
    • I tried to fix my navbar on my project seo-landing-page.