• Step by Step Learn React.js and Create Interesting Projects
• Deploy React project with surge.sh

• HTML/CSS
• React

• is developing

useState

• 01 - Birthday Reminder

useEffect and Conditional Rendering

• 02 - Tours
• 03 - Reviews
• 04 - Questions
• 05 - Menu
• 06 - Tabs
• 07 - Slider

Forms

• 08 - Lorem Ipsum Generator
• 09 - Color Shades Generator
• 10 - Grocery Bud

useRef

• 11 - Navbar

useContext

• 12 - Modal and Sidebar
• 13 - Stripe Submenus

useReducer and useContext

• 14 - Cart

React Router and useCallback

• 15 - Cocktails

Advanced Projects

• 16 - Markdown Preview
• 17 - Random Person
• 18 - Pagination
• 19 - Stock Photos
• 20 - Dark Mode
• 21 - Movie DB
• 22 - Hacker News
• 23 - Quizz

<type>(<scope>): <short summary>
  │       │             │
  │       │             └─⫸ Summary in present tense. Not capitalized. No period at the end.
  │       │
  │       └─⫸ Commit Scope: animations|bazel|benchpress|common|compiler|compiler-cli|core|
  │                          elements|forms|http|language-service|localize|platform-browser|
  │                          platform-browser-dynamic|platform-server|router|service-worker|
  │                          upgrade|zone.js|packaging|changelog|dev-infra|docs-infra|migrations|
  │                          ngcc|ve
  │
  └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test

The <type> and <summary> fields are mandatory, the (<scope>) field is optional.

• feat(similarityReports): get similarity reports and display in a grid
• update(similarityReports): add updatedDate col in the report grid
• fix(similarityReports): display correct message error
• update(global): change css system