Skip to content

dhruv-m-patel/react-demos

Repository files navigation

react-demos

A repo to showcase react work through demos of different ideas

CI Status

Setup

$ git clone git@github.com:dhruv-m-patel/react-demos.git
$ npm install
$ cp .env.example .env ## edit environment variables
$ npm run start-dev

Projects

  • Create form UI for registration form using different types of inputs
  • Show error messages under inputs with error
  • Implement basic validations for each input
  • Show success if there are no errors
  • Allow user to pick a movie and select seats
  • Unavailable seats cannot be selected and are marked out
  • UI updates selections as user picks movie and seats
  • Clearly differentiate between type of seat with appropriate legend and css styles
  • List products with a common style allowing user to pick their selections or remove them
  • If there are items added to cart, Show user their order total with a preview of items allowing to change quantity
  • Allow user to remove items from cart regardless they made change to quantity
  • Display transaction history with total income and expense
  • Allow user to add new transaction
  • Allow user to delete existing transaction
  • Implement form validations
  • Allow user to choose difficulty level before they can begin testing typing speed
  • Show countdown timer while user tests their typing speed
  • Update score as user enters correct words
  • Show typing speed per minute at the end of countdown clearing the test

About

A repo to showcase react work through demos of different ideas

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published