This repository contains an interactive version of the Address CRUD example, You have the CRUD operation of a public address. So you are able to read and modify of all the addresses are accessible by everyone without authenticating. Also login and register pages are available in the application, so each user should be authenticated before viewing the favorite addresses. As a result, each user sees the items in which he/she is the owner. After logging in, users are able to see their profile and edit their basic information (like name and phone number) in a dedicated view.
The application has the following features:
- Dynamic form for creating any forms immediately
- Using wrapper for any packages that are used in the project, so you can change any of them easily
- resumable components in shared folder
- protected routes
- dynamic table creation using CustomTable component
- complete CRUD operations for addresses
- ability to register, login and edit user information
The project is implemented using the following technologies:
- TypeScript
- React
- Material ui
- axios
- formik
- Yup
- json-server
In the project directory, you can run:
to add all of the dependencies you need.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Runs the server.\
The page will reload if you make edits.
You will also see any lint errors in the console.
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!