From 9abbb82257f8967b3869371eb3b904ceadfea545 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Wed, 3 Apr 2024 02:22:22 +0300 Subject: [PATCH 01/11] first commit --- Day1/Day1.md | 2 ++ log.md | 28 +++++++--------------------- rules.md | 2 +- 3 files changed, 10 insertions(+), 22 deletions(-) create mode 100644 Day1/Day1.md diff --git a/Day1/Day1.md b/Day1/Day1.md new file mode 100644 index 00000000000..2ac6686d048 --- /dev/null +++ b/Day1/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/log.md b/log.md index c7afe8f02ce..f3a4dde0175 100755 --- a/log.md +++ b/log.md @@ -1,30 +1,16 @@ # 100 Days Of Code - Log -### Day 0: February 30, 2016 (Example 1) -##### (delete me or comment me out) +### Day 1: April 3rd, 2024. + -**Today's Progress**: Fixed CSS, worked on canvas functionality for the app. +**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").. -**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:** 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. -**Link to work:** [Calculator App](http://www.example.com) +**Link to work:** [React Installations](Day1/Day1.md) -### Day 0: February 30, 2016 (Example 2) -##### (delete me or comment me out) -**Today's Progress**: Fixed CSS, worked on canvas functionality for the app. -**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(s) to work**: [Calculator App](http://www.example.com) - - -### Day 1: June 27, Monday - -**Today's Progress**: I've gone through many exercises on FreeCodeCamp. - -**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** + 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 From 32a844a894d578b77c8f15683921200985008729 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Thu, 4 Apr 2024 02:01:45 +0300 Subject: [PATCH 02/11] day 2 React App, JSX, Functional Components and Tailwindcss installation --- Day2/Day2.md | 2 ++ log.md | 9 +++++++++ 2 files changed, 11 insertions(+) create mode 100644 Day2/Day2.md diff --git a/Day2/Day2.md b/Day2/Day2.md new file mode 100644 index 00000000000..3c9e6ef6a6c --- /dev/null +++ b/Day2/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/log.md b/log.md index f3a4dde0175..6389e5f5c2d 100755 --- a/log.md +++ b/log.md @@ -9,6 +9,15 @@ **Link to work:** [React Installations](Day1/Day1.md) +### Day 2: April 4th, 2024. + + +**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:** Lesson is real amazing, still insipired to go ahead with react + +**Link to work:** [React, JSX & Functional Components](Day2/Day2.md) + ### Day 1: April 3rd, 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").. **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. **Link to work:** [React Installations](Day1/Day1.md) + + ### Day 2: April 4th, 2024. - **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 @@ -19,6 +19,35 @@ **Link to work:** [React, JSX & Functional Components](Day2/Day2.md) + +### Day 3: April 5th, 2024. + +**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](Day3/Day3.md) + + +### Day 4: April 6th, 2024. + +**Today's Progress**: Learning useState Hook. + +**Thoughts:** + +**Link to work:** [useState Hook](Day4/Day4.md) + + + +### Day 5: April 7th, 2024. + +**Today's Progress**: Learning useState Hook. + +**Thoughts:** + +**Link to work:** [List & Keys](Day5/Day5.md) + + ### Day 5: April 7th, 2024. -**Today's Progress**: Learning useState Hook. +**Today's Progress**: Learning List and Keys as well as saving items in a localStorage -**Thoughts:** +**Thoughts:** Lessons is full of funny Vanila Javascript concepts, i real enojoy the session **Link to work:** [List & Keys](Day5/Day5.md) From ecd2076f02400f10d638adce2a577863c3e04ec6 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Fri, 12 Apr 2024 09:56:23 +0300 Subject: [PATCH 05/11] added day 5,6 and 7 --- Day6/Day6.md | 2 ++ Day7/Day7.md | 2 ++ Day8/Day8.md | 2 ++ log.md | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 55 insertions(+) create mode 100644 Day6/Day6.md create mode 100644 Day7/Day7.md create mode 100644 Day8/Day8.md diff --git a/Day6/Day6.md b/Day6/Day6.md new file mode 100644 index 00000000000..7908ce0bd0d --- /dev/null +++ b/Day6/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/Day7/Day7.md b/Day7/Day7.md new file mode 100644 index 00000000000..af276e2d630 --- /dev/null +++ b/Day7/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/Day8/Day8.md b/Day8/Day8.md new file mode 100644 index 00000000000..dc43d82c25d --- /dev/null +++ b/Day8/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/log.md b/log.md index d5e7b895a44..0bf2ca78328 100755 --- a/log.md +++ b/log.md @@ -48,6 +48,55 @@ **Link to work:** [List & Keys](Day5/Day5.md) + +### Day 6: April 8th, 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](Day6/Day6.md) + + + +### Day 7: April 9th, 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](Day7/Day7.md) + + + +### Day 8: April 10th, 2024. + +**Today's Progress**: Solving a project challenge of just typing any color name and display its color in a screen. + +**Thoughts:** Just a whole review of all features learned from day one to day 7 + +**Link to work:** [Challenge Project](Day8/Day8.md) + + + + + + + -### Day 1: April 3rd, 2024. +### 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").. **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. @@ -10,7 +10,7 @@ -### Day 2: April 4th, 2024. +### Day 2: April 7th, 2024. **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 @@ -20,16 +20,16 @@ -### Day 3: April 5th, 2024. +### Day 3: April 8th, 2024. **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](Day3/Day3.md) - + -### Day 4: April 6th, 2024. +### Day 4: April 9th, 2024. **Today's Progress**: Learning useState Hook. @@ -39,7 +39,7 @@ -### Day 5: April 7th, 2024. +### Day 5: April 10th, 2024. **Today's Progress**: Learning List and Keys as well as saving items in a localStorage @@ -49,7 +49,7 @@ -### Day 6: April 8th, 2024. +### Day 6: April 11st, 2024. **Today's Progress**: Learning Props (prop Drilling) as well as Re-usable components @@ -59,7 +59,7 @@ -### Day 7: April 9th, 2024. +### Day 7: April 12rd, 2024. **Today's Progress**: Learning Controlled Inputs and Search item in React @@ -68,9 +68,9 @@ -### Day 8: April 10th, 2024. +### Day 8: April 13rd, 2024. -**Today's Progress**: Solving a project challenge of just typing any color name and display its color in a screen. +**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 @@ -78,13 +78,13 @@ - @@ -98,6 +98,6 @@ - +2. [Title Case a Sentence](https://www.freecodecamp.com/challenges/title-case-a-sentence) From 126bd606dbb003bf92a728be914f788856606ca5 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Tue, 16 Apr 2024 14:23:18 +0300 Subject: [PATCH 07/11] added day 10 and 11 --- Day10/Day10.md | 2 ++ Day11/Day11.md | 2 ++ Day9/Day9.md | 2 ++ log.md | 18 +++++++++++++----- 4 files changed, 19 insertions(+), 5 deletions(-) create mode 100644 Day10/Day10.md create mode 100644 Day11/Day11.md create mode 100644 Day9/Day9.md 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/Day9/Day9.md b/Day9/Day9.md new file mode 100644 index 00000000000..116ad44f85d --- /dev/null +++ b/Day9/Day9.md @@ -0,0 +1,2 @@ +# Day 9 +Learning useEffect Hook in React \ No newline at end of file diff --git a/log.md b/log.md index e68d76f9666..f202c94233b 100755 --- a/log.md +++ b/log.md @@ -82,19 +82,27 @@ **Today's Progress**: Learning useEffect Hook in React -**Thoughts:** +**Thoughts:** Little technique to tackle the lesson, it was real awesome since the basic of useState was well understood **Link to work:** [useEffect Hook](Day9/Day9.md) - + + +### Day 11: April 16rd, 2024. + +**Today's Progress**: Learning Fetching API data + +**Thoughts:** +**Link to work:** [Fetch API Data](Day11/Day11.md) From 2cfc8d37121bcb2b5c7bd19006d46224cdada2d9 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Wed, 17 Apr 2024 17:58:17 +0300 Subject: [PATCH 08/11] added day 12 (fetching data from api) --- Day12/Day12.md | 2 ++ log.md | 11 ++++++++++- 2 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 Day12/Day12.md 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/log.md b/log.md index f202c94233b..c2fce98223d 100755 --- a/log.md +++ b/log.md @@ -101,10 +101,19 @@ **Today's Progress**: Learning Fetching API data -**Thoughts:** +**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) + + **Link(s) to work** 1. [Find the Longest Word in a String](https://www.freecodecamp.com/challenges/find-the-longest-word-in-a-string) From 9cb92561709c0c905a86a88465b55208d224d4e7 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Thu, 25 Apr 2024 07:29:36 +0300 Subject: [PATCH 09/11] added day 13 --- Day13/Day13.md | 2 ++ Day14/Day14.md | 1 + log.md | 21 +++++++++++++++++++++ 3 files changed, 24 insertions(+) create mode 100644 Day13/Day13.md create mode 100644 Day14/Day14.md 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..9a563020bed --- /dev/null +++ b/Day14/Day14.md @@ -0,0 +1 @@ +# Day 14 \ No newline at end of file diff --git a/log.md b/log.md index c2fce98223d..7a93abd6e6d 100755 --- a/log.md +++ b/log.md @@ -114,6 +114,27 @@ **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 callenge](Day13/Day13.md) + + + +### Day 14: April 25rd, 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 callenge](Day14/Day14.md) + + + **Link(s) to work** 1. [Find the Longest Word in a String](https://www.freecodecamp.com/challenges/find-the-longest-word-in-a-string) From 65a404171f1958dd70929ab2948aa8e5a08144b6 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Sun, 28 Apr 2024 11:09:07 +0300 Subject: [PATCH 10/11] added day 15,16 and 17 --- Day14/Day14.md | 3 ++- Day15/Day15.md | 2 ++ Day16/Day16.md | 2 ++ Day17/Day17.md | 2 ++ log.md | 34 +++++++++++++++++++++++++++++++--- 5 files changed, 39 insertions(+), 4 deletions(-) create mode 100644 Day15/Day15.md create mode 100644 Day16/Day16.md create mode 100644 Day17/Day17.md diff --git a/Day14/Day14.md b/Day14/Day14.md index 9a563020bed..e2420e560cc 100644 --- a/Day14/Day14.md +++ b/Day14/Day14.md @@ -1 +1,2 @@ -# Day 14 \ No newline at end of file +# 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 7a93abd6e6d..2a9550bcd50 100755 --- a/log.md +++ b/log.md @@ -121,19 +121,47 @@ **Thoughts:** The lesson was real amazing refering to previous tutor of react. -**Link to work:** [Interactive card details callenge](Day13/Day13.md) +**Link to work:** [Interactive card details challenge](Day13/Day13.md) ### Day 14: April 25rd, 2024. -**Today's Progress**: Solving interactive card details challenge using React +**Today's Progress**: Solving fetching API data using React **Thoughts:** The lesson was real amazing refering to previous tutor of react. -**Link to work:** [Interactive card details callenge](Day14/Day14.md) +**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) **Link(s) to work** From f4a2b5e929aaab695a00489b8096fef953b3bba3 Mon Sep 17 00:00:00 2001 From: Paul-Cavain Date: Sun, 28 Apr 2024 11:13:31 +0300 Subject: [PATCH 11/11] added day 15,16 and 17 --- {Day1 => Day01}/Day1.md | 0 {Day2 => Day02}/Day2.md | 0 {Day3 => Day03}/Day3.md | 0 {Day4 => Day04}/Day4.md | 0 {Day5 => Day05}/Day5.md | 0 {Day6 => Day06}/Day6.md | 0 {Day7 => Day07}/Day7.md | 0 {Day8 => Day08}/Day8.md | 0 {Day9 => Day09}/Day9.md | 0 log.md | 18 +++++++++--------- 10 files changed, 9 insertions(+), 9 deletions(-) rename {Day1 => Day01}/Day1.md (100%) rename {Day2 => Day02}/Day2.md (100%) rename {Day3 => Day03}/Day3.md (100%) rename {Day4 => Day04}/Day4.md (100%) rename {Day5 => Day05}/Day5.md (100%) rename {Day6 => Day06}/Day6.md (100%) rename {Day7 => Day07}/Day7.md (100%) rename {Day8 => Day08}/Day8.md (100%) rename {Day9 => Day09}/Day9.md (100%) diff --git a/Day1/Day1.md b/Day01/Day1.md similarity index 100% rename from Day1/Day1.md rename to Day01/Day1.md diff --git a/Day2/Day2.md b/Day02/Day2.md similarity index 100% rename from Day2/Day2.md rename to Day02/Day2.md diff --git a/Day3/Day3.md b/Day03/Day3.md similarity index 100% rename from Day3/Day3.md rename to Day03/Day3.md diff --git a/Day4/Day4.md b/Day04/Day4.md similarity index 100% rename from Day4/Day4.md rename to Day04/Day4.md diff --git a/Day5/Day5.md b/Day05/Day5.md similarity index 100% rename from Day5/Day5.md rename to Day05/Day5.md diff --git a/Day6/Day6.md b/Day06/Day6.md similarity index 100% rename from Day6/Day6.md rename to Day06/Day6.md diff --git a/Day7/Day7.md b/Day07/Day7.md similarity index 100% rename from Day7/Day7.md rename to Day07/Day7.md diff --git a/Day8/Day8.md b/Day08/Day8.md similarity index 100% rename from Day8/Day8.md rename to Day08/Day8.md diff --git a/Day9/Day9.md b/Day09/Day9.md similarity index 100% rename from Day9/Day9.md rename to Day09/Day9.md diff --git a/log.md b/log.md index 2a9550bcd50..ad15213267b 100755 --- a/log.md +++ b/log.md @@ -6,7 +6,7 @@ **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. -**Link to work:** [React Installations](Day1/Day1.md) +**Link to work:** [React Installations](Day01/Day1.md) @@ -16,7 +16,7 @@ **Thoughts:** Lesson is real amazing, still insipired to go ahead with react -**Link to work:** [React, JSX & Functional Components](Day2/Day2.md) +**Link to work:** [React, JSX & Functional Components](Day02/Day2.md) @@ -26,7 +26,7 @@ **Thoughts:** Sessions awesome as long as having some basics of javascript -**Link to work:** [Click Events](Day3/Day3.md) +**Link to work:** [Click Events](Day03/Day3.md) ### Day 4: April 9th, 2024. @@ -35,7 +35,7 @@ **Thoughts:** -**Link to work:** [useState Hook](Day4/Day4.md) +**Link to work:** [useState Hook](Day04/Day4.md) @@ -45,7 +45,7 @@ **Thoughts:** Lessons is full of funny Vanila Javascript concepts, i real enojoy the session -**Link to work:** [List & Keys](Day5/Day5.md) +**Link to work:** [List & Keys](Day05/Day5.md) @@ -55,7 +55,7 @@ **Thoughts:** Somehow the Lesson needs little carefully during data accessing to another components -**Link to work:** [Prop Drilling](Day6/Day6.md) +**Link to work:** [Prop Drilling](Day06/Day6.md) @@ -64,7 +64,7 @@ **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](Day7/Day7.md) +**Link to work:** [Controlled Inputs](Day07/Day7.md) @@ -74,7 +74,7 @@ **Thoughts:** Just a whole review of all features learned from day one to day 7 -**Link to work:** [Challenge Project](Day8/Day8.md) +**Link to work:** [Challenge Project](Day08/Day8.md) @@ -84,7 +84,7 @@ **Thoughts:** Little technique to tackle the lesson, it was real awesome since the basic of useState was well understood -**Link to work:** [useEffect Hook](Day9/Day9.md) +**Link to work:** [useEffect Hook](Day09/Day9.md)