Paulcavain

Day01/Day1.md

@@ -0,0 +1,2 @@
+# Day 1
+Installations of node js (Javascript Runtime Environment), Adding React Developer Tools as Chrome extension as well as creating react-app, adding some Visual studio code extensions for react (ES7 React/Redux/GraphQL/React-Native snippets), setting Vs code emmet ("javascript": "javascript").

Day02/Day2.md

@@ -0,0 +1,2 @@
+# Day 2
+React App, JSX and Functional Components (Navbar, Home and Footer creating and adding them in a page to App.js component) as well as installing tailwindcss for styling

Day03/Day3.md

@@ -0,0 +1,2 @@
+# Day 3
+Learning click events, passing parameter over an event and handling events in React

Day04/Day4.md

@@ -0,0 +1,2 @@
+# Day 4
+Learning useState Hook in React.

Day05/Day5.md

@@ -0,0 +1,2 @@
+# Day 5
+Learning List and Keys as well as saving items in a localStorage

Day06/Day6.md

@@ -0,0 +1,2 @@
+# Day 6
+Learning Props (prop Drilling) as well as Re-usable components.

Day07/Day7.md

@@ -0,0 +1,2 @@
+# Day 7
+Learning Controlled Inputs and Search item in React

Day08/Day8.md

@@ -0,0 +1,2 @@
+# Day 8
+Solving a project challenge of just typing any color name and display its color in a screen.

Day09/Day9.md

@@ -0,0 +1,2 @@
+# Day 9
+Learning useEffect Hook in React

Day10/Day10.md

@@ -0,0 +1,2 @@
+# Day 10
+Learning JSON Server

Day11/Day11.md

@@ -0,0 +1,2 @@
+# Day 11
+Learning Fetching API data

Day12/Day12.md

@@ -0,0 +1,2 @@
+# Day 12
+Learning CRUD Operations (posting item, update item and delete item) to api (db.json file) in React

Day13/Day13.md

@@ -0,0 +1,2 @@
+# Day 13
+Solving interactive card details challenge using React

Day14/Day14.md

@@ -0,0 +1,2 @@
+# Day 14
+Solving fetching API data using React

Day15/Day15.md

@@ -0,0 +1,2 @@
+# Day 15
+React Router && Router Hooks & Links

Day16/Day16.md

@@ -0,0 +1,2 @@
+# Day 16
+Flexbox Component

Day17/Day17.md

@@ -0,0 +1,2 @@
+# Day 17
+Axios API Requets

log.md

@@ -1,29 +1,168 @@
 # 100 Days Of Code - Log
 
-### Day 0: February 30, 2016 (Example 1)
-##### (delete me or comment me out)
+<!-- Day one of 100DaysOfCode -->
+### Day 1: April 6rd, 2024.
+**Today's Progress**: Installations of node js (Javascript Runtime Environment), Adding React Developer Tools as Chrome extension as well as creating react-app, adding some Visual studio code extensions for react (ES7 React/Redux/GraphQL/React-Native snippets), setting Vs code emmet ("javascript": "javascript")..
 
-**Today's Progress**: Fixed CSS, worked on canvas functionality for the app.
+**Thoughts:** I really feel like I am slowly getting better at it. React is still new for me, but I managed to figure out some basic functionality.
 
-**Thoughts:** I really struggled with CSS, but, overall, I feel like I am slowly getting better at it. Canvas is still new for me, but I managed to figure out some basic functionality.
+**Link to work:** [React Installations](Day01/Day1.md)
 
-**Link to work:** [Calculator App](http://www.example.com)
 
-### Day 0: February 30, 2016 (Example 2)
-##### (delete me or comment me out)
+<!-- Day two of 100DaysOfCode -->
+### Day 2: April 7th, 2024.
 
-**Today's Progress**: Fixed CSS, worked on canvas functionality for the app.
+**Today's Progress**: React App, JSX and Functional Components (Navbar, Home and Footer creating and adding them in App.js component) as well as installing tailwindcss for styling
 
-**Thoughts**: I really struggled with CSS, but, overall, I feel like I am slowly getting better at it. Canvas is still new for me, but I managed to figure out some basic functionality.
+**Thoughts:** Lesson is real amazing, still insipired to go ahead with react
 
-**Link(s) to work**: [Calculator App](http://www.example.com)
+**Link to work:** [React, JSX & Functional Components](Day02/Day2.md)
 
 
-### Day 1: June 27, Monday
+<!-- Day three of 100DaysOfCode -->
+### Day 3: April 8th, 2024.
 
-**Today's Progress**: I've gone through many exercises on FreeCodeCamp.
+**Today's Progress**: Learning click events, passing parameter over an event and handling events in React.
+
+**Thoughts:** Sessions awesome as long as having some basics of javascript
+
+**Link to work:** [Click Events](Day03/Day3.md)
+
+<!-- Day four of 100DaysOfCode -->
+### Day 4: April 9th, 2024.
+
+**Today's Progress**: Learning useState Hook.
+
+**Thoughts:** 
+
+**Link to work:** [useState Hook](Day04/Day4.md)
+
+
+<!-- Day five of 100DaysOfCode -->
+### Day 5: April 10th, 2024.
+
+**Today's Progress**: Learning List and Keys as well as saving items in a localStorage
+
+**Thoughts:** Lessons is full of funny Vanila Javascript concepts, i real enojoy the session
+
+**Link to work:** [List & Keys](Day05/Day5.md)
+
+
+<!-- Day six of 100DaysOfCode -->
+### Day 6: April 11st, 2024.
+
+**Today's Progress**: Learning Props (prop Drilling) as well as Re-usable components
+
+**Thoughts:** Somehow the Lesson needs little carefully during data accessing to another components 
+
+**Link to work:** [Prop Drilling](Day06/Day6.md)
+
+
+<!-- Day seven of 100DaysOfCode -->
+### Day 7: April 12rd, 2024.
+
+**Today's Progress**: Learning Controlled Inputs and Search item in React
+
+**Thoughts:** Vannila Javascript is a key to these basics of React.
+**Link to work:** [Controlled Inputs](Day07/Day7.md)
+
+
+<!-- Day eight of 100DaysOfCode -->
+### Day 8: April 13rd, 2024.
+
+**Today's Progress**: Solving a project challenge of just typing any color name and display its color and its hexValues in a screen.
+
+**Thoughts:** Just a whole review of all features learned from day one to day 7 
+
+**Link to work:** [Challenge Project](Day08/Day8.md)
+
+
+<!-- Day nine of 100DaysOfCode -->
+### Day 9: April 14th, 2024.
+
+**Today's Progress**: Learning useEffect Hook in React
+
+**Thoughts:** Little technique to tackle the lesson, it was real awesome since the basic of useState was well understood
+
+**Link to work:** [useEffect Hook](Day09/Day9.md)
+
+
+<!-- Day ten of 100DaysOfCode -->
+### Day 10: April 15rd, 2024.
+
+**Today's Progress**: Learning JSON Server
+
+**Thoughts:** 
+**Link to work:** [JSON Server](Day10/Day10.md)
+
+
+<!-- Day eleven of 100DaysOfCode -->
+### Day 11: April 16rd, 2024.
+
+**Today's Progress**: Learning Fetching API data
+
+**Thoughts:** With th ehelp of javascript basics (Async and Await make the lesson so simple)
+**Link to work:** [Fetch API Data](Day11/Day11.md)
+
+
+<!-- Day twelve of 100DaysOfCode -->
+### Day 12: April 17rd, 2024.
+
+**Today's Progress**: Learning CRUD Operations (posting item, update item and delete item) to api (db.json file) in React
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+**Link to work:** [CRUD Operations](Day12/Day12.md)
+
+
+<!-- Day thirteen of 100DaysOfCode -->
+### Day 13: April 24rd, 2024.
+
+**Today's Progress**: Solving interactive card details challenge using React
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+
+**Link to work:** [Interactive card details challenge](Day13/Day13.md)
+
+
+<!-- Day forteen of 100DaysOfCode -->
+### Day 14: April 25rd, 2024.
+
+**Today's Progress**: Solving fetching API data using React
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+
+**Link to work:** [Fetching API Data challenge](Day14/Day14.md)
+
+
+<!-- Day fifteen of 100DaysOfCode -->
+### Day 15: April 26rd, 2024.
+
+**Today's Progress**: React Router && Router Hooks & Links
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+
+**Link to work:** [React Router && Router Hooks &Links](Day15/Day15.md)
+
+
+<!-- Day sixteen of 100DaysOfCode -->
+### Day 16: April 27rd, 2024.
+
+**Today's Progress**: Flexbox Component
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+
+**Link to work:** [Flexbox Component](Day16/Day16.md)
+
+
+<!-- Day seventeen of 100DaysOfCode -->
+### Day 16: April 28rd, 2024.
+
+**Today's Progress**: Axios API Requets
+
+**Thoughts:** The lesson was real amazing refering to previous tutor of react.
+
+**Link to work:** [Axios API Requets](Day17/Day17.md)
 
-**Thoughts** I've recently started coding, and it's a great feeling when I finally solve an algorithm challenge after a lot of attempts and hours spent.
 
 **Link(s) to work**
 1. [Find the Longest Word in a String](https://www.freecodecamp.com/challenges/find-the-longest-word-in-a-string)

rules.md

@@ -4,7 +4,7 @@
 ### *I will code for at least an hour every day for the next 100 days.*
 
 #### Start Date
-June 25th, 2016. [PUT YOUR DATE HERE]
+April 3rd, 2024. [PUT YOUR DATE HERE]
 
 ## Additional Rules
 1. I will tweet about my progress every day -> using the hashtag #100DaysOfCode