This project is the implementation of interaction with the list of users. It was created for educational purposes.
Application has the following features:
- Ability to add a new user.
- Ability to edit user information.
- Filtering users by name.
- User credit card validation.
- Pagination for user list.
- Add better handling of errors
This project was bootstrapped with Create React App.
- React - a JavaScript library for building user interfaces
- TypeScript - open-source language which builds on JavaScript
- Scss - stylesheet language
- Firebase - backend by Google
- braintree/card-validator - credit card validator
First of all, you will need Node.js of version 10.19.0 or compatible with it, npm version 6.14.4 or compatible, and git 2.25.1 or compatible.
Check if everything is OK by running node -v, npm -v and git --version in the CLI
In the project directory, you can run:
This command helps to install all the necessary dependencies from the package.json before starting another actions with the project
Runs the app in the development mode.
if the browser didn't open automatically open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about jest for more information.
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
The predeploy script will run automatically before deploy is run.
This command allows you to deploy the project via GitHub Pages from the url with key "homepage" in package.json.
The eslint script will run ESLint on src/ directory.
The following pre-hooks are also configured on the project:
pre-commit- before the commit, the hook will check the project code for compliance with the lint rules.pre-push- will run all tests before pushing.
You can learn more in the Create React App documentation.