Simple CRUD Category App + Register & Login is a website application that provide users with simple registration user and login user for access CRUD for Category App. It's already provides unit testing file in it.
- Introduction
- Content
- Requirement Tech
- Getting Started
- Deployment
- Dependencies
- Unit Testing Project Preview
- Node.js - JavaScript runtime environment.
- React.js - Web front-end framework for Node.js.
- Vite.js - Frontend build tool that significantly improves the frontend development experience.
- Ant Design - React libary for layout and styling web design.
- Formik & Yup - For client-side validation.
- React Router* - React Router isn't just about matching a url to a function or component: it's about building a full user interface that maps to the URL, so it might have more concepts in it than you're used to.
Firts, make sure you already have:
- Git installed.
- Node.js and npm installed.
- A text editor or IDE (e.g., Visual Studio Code).
git clone <repository-url>
cd <repository-folder-name>
npm install
To testing project, type on command prompt :
npm run test
To run project, type on command prompt :
npm run dev
Here is the deploy link for Website React App : https://comfy-cocada-6f6a37.netlify.app/
- "antd": "^5.9.0"
- "formik": "^2.4.4"
- "react": "^18.2.0",
- "react-dom": "^18.2.0"
- "yup": "^1.2.0"
- "localforage": "^1.10.0"
- "match-sorter": "^6.3.1"
- "react-router-dom": "^6.16.0"
- "sort-by": "^1.2.0"
For Unit Testing (Install on devDepedencies) :
- jest
- @babel/preset-env
- @babel/preset-react
- @babel/preset-typescript
- @testing-library/react
- @testing-library/jest-dom
- jest-environment-jsdom
- There are four main testing scenario on this project.
-
Rendered Register Page Correctly on
RegisterForm.test.tsx
file. -
Rendered Category List Page Correctly on
CategoryList.test.tsx
file. -
Rendered Category Page for Create or Update Page Correctly on
CategoryForm.test.tsx
file.
- The other component testing :