phanlyhuynh / all-about-reactJS

I'll be working on 20 different ReactJS projects over the course of 50 days and try to create mobile-first apps whenever and wherever possible.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

All About ReactJS


If you want to contribute to this project, consider reading the CONTRIBUTION.md first to get a better idea of how to contribute to this repo.


I'll be working on 20 different ReactJS projects over the next 50 days. I would also be deploying all the projects so that it is easy to visualize the projects.

  1. TodoApp  β˜‘: A responsive ToDo app with functionalities of adding new todos, editing, and deleting existing todos. Also, data persistence is achieved by storing the todos in the browser's localStorage.

  2. Pricing Cards  πŸ’Έ: A responsive imitation of pricing cards. Also, introduced a dark theme, where text colors and background colors are changed based on the theme activated.

  3. Calculator  βž•βž–: A responsive calculator that performs basic mathematical operations. Made use of eval (not recommended) to evaluate the expression string.

  4. Color Picker  πŸŽ¨: A responsive color picker which allows user to select a color from a randomly generated color palette, or choose a color of choice which gets set as the background color of the header. Implemented various color util methods to help create this exercise.

  5. GitHub Profile Viewer  πŸ™‹: A responsive GitHub Profile Viewer which clones the view of searched user's GitHub profile by listing his/her profile details and repo summaries. Made use of GitHub API to fetch details of the searched user.

  6. Stone-Paper-Scissor  βœ‚: A responsive Stone-Paper-Scissor game built using React Hooks. The score is persisted using the browser's localStorage.

About

I'll be working on 20 different ReactJS projects over the course of 50 days and try to create mobile-first apps whenever and wherever possible.


Languages

Language:JavaScript 69.2%Language:CSS 28.9%Language:HTML 2.0%