diff --git a/Day01/Day1.md b/Day01/Day1.md new file mode 100644 index 00000000000..2ac6686d048 --- /dev/null +++ b/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"). \ No newline at end of file diff --git a/Day02/Day2.md b/Day02/Day2.md new file mode 100644 index 00000000000..3c9e6ef6a6c --- /dev/null +++ b/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 \ No newline at end of file diff --git a/Day03/Day3.md b/Day03/Day3.md new file mode 100644 index 00000000000..5b05a56ac3a --- /dev/null +++ b/Day03/Day3.md @@ -0,0 +1,2 @@ +# Day 3 +Learning click events, passing parameter over an event and handling events in React \ No newline at end of file diff --git a/Day04/Day4.md b/Day04/Day4.md new file mode 100644 index 00000000000..c59321268d3 --- /dev/null +++ b/Day04/Day4.md @@ -0,0 +1,2 @@ +# Day 4 +Learning useState Hook in React. \ No newline at end of file diff --git a/Day05/Day5.md b/Day05/Day5.md new file mode 100644 index 00000000000..dfb82832c84 --- /dev/null +++ b/Day05/Day5.md @@ -0,0 +1,2 @@ +# Day 5 +Learning List and Keys as well as saving items in a localStorage \ No newline at end of file diff --git a/Day06/Day6.md b/Day06/Day6.md new file mode 100644 index 00000000000..7908ce0bd0d --- /dev/null +++ b/Day06/Day6.md @@ -0,0 +1,2 @@ +# Day 6 +Learning Props (prop Drilling) as well as Re-usable components. \ No newline at end of file diff --git a/Day07/Day7.md b/Day07/Day7.md new file mode 100644 index 00000000000..af276e2d630 --- /dev/null +++ b/Day07/Day7.md @@ -0,0 +1,2 @@ +# Day 7 +Learning Controlled Inputs and Search item in React \ No newline at end of file diff --git a/Day08/Day8.md b/Day08/Day8.md new file mode 100644 index 00000000000..dc43d82c25d --- /dev/null +++ b/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. \ No newline at end of file diff --git a/Day09/Day9.md b/Day09/Day9.md new file mode 100644 index 00000000000..116ad44f85d --- /dev/null +++ b/Day09/Day9.md @@ -0,0 +1,2 @@ +# Day 9 +Learning useEffect Hook in React \ No newline at end of file diff --git a/Day10/Day10.md b/Day10/Day10.md new file mode 100644 index 00000000000..63a196f48a5 --- /dev/null +++ b/Day10/Day10.md @@ -0,0 +1,2 @@ +# Day 10 +Learning JSON Server diff --git a/Day11/Day11.md b/Day11/Day11.md new file mode 100644 index 00000000000..5a5b15fa144 --- /dev/null +++ b/Day11/Day11.md @@ -0,0 +1,2 @@ +# Day 11 +Learning Fetching API data \ No newline at end of file diff --git a/Day12/Day12.md b/Day12/Day12.md new file mode 100644 index 00000000000..f78f3dace4c --- /dev/null +++ b/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 diff --git a/Day13/Day13.md b/Day13/Day13.md new file mode 100644 index 00000000000..79fa1898d50 --- /dev/null +++ b/Day13/Day13.md @@ -0,0 +1,2 @@ +# Day 13 +Solving interactive card details challenge using React \ No newline at end of file diff --git a/Day14/Day14.md b/Day14/Day14.md new file mode 100644 index 00000000000..e2420e560cc --- /dev/null +++ b/Day14/Day14.md @@ -0,0 +1,2 @@ +# Day 14 +Solving fetching API data using React diff --git a/Day15/Day15.md b/Day15/Day15.md new file mode 100644 index 00000000000..5983dd3654b --- /dev/null +++ b/Day15/Day15.md @@ -0,0 +1,2 @@ +# Day 15 +React Router && Router Hooks & Links \ No newline at end of file diff --git a/Day16/Day16.md b/Day16/Day16.md new file mode 100644 index 00000000000..30ee7fbed80 --- /dev/null +++ b/Day16/Day16.md @@ -0,0 +1,2 @@ +# Day 16 +Flexbox Component \ No newline at end of file diff --git a/Day17/Day17.md b/Day17/Day17.md new file mode 100644 index 00000000000..3c8642838f4 --- /dev/null +++ b/Day17/Day17.md @@ -0,0 +1,2 @@ +# Day 17 +Axios API Requets \ No newline at end of file diff --git a/log.md b/log.md index c7afe8f02ce..ad15213267b 100755 --- a/log.md +++ b/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 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 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 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 4: April 9th, 2024. + +**Today's Progress**: Learning useState Hook. + +**Thoughts:** + +**Link to work:** [useState Hook](Day04/Day4.md) + + + +### 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 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 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 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 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 10: April 15rd, 2024. + +**Today's Progress**: Learning JSON Server + +**Thoughts:** +**Link to work:** [JSON Server](Day10/Day10.md) + + + +### 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 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 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 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 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 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 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) diff --git a/rules.md b/rules.md index 2d6921c6517..4d25182e69a 100755 --- a/rules.md +++ b/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