This is a product listing application built using React. It demonstrates a basic flow for managing product listings, featuring a modern user interface and robust state management.
Check out the live demo here: Products Crud React Demo.
- Products Management: Create, view, and manage products.
- User Interface: Modern and responsive UI using MUI and Tailwind CSS.
- State Management: State management with Recoil for a more efficient and scalable application.
- Validation: Form validation with zod.
- React: A JavaScript library for building user interfaces.
- Recoil: A state management library for React.
- MUI UI: A popular React UI framework with a set of components.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Vite: A frontend build tool that significantly improves the frontend development experience.
- Prettier: An opinionated code formatter.
- ESLint: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
- Zod: A TypeScript-first schema declaration and validation library.
- React Testing Library: A very light-weight solution for testing React components.
- Husky: A tool for managing Git hooks.
Make sure you have Node.js installed on your system (the latest version is recommended).
-
Clone the repository:
git clone [email protected]:RMontSerrat/products-crud-react.git
-
Install packages:
npm install
or
yarn install
-
Development Mode: Run
npm run dev
oryarn dev
. This will start the development server onhttp://localhost:5173
. -
Production Build: Run
npm run build
oryarn build
to build the application for production. -
Start Production Server: After building, you can start the production server by running
npm start
oryarn start
.
To run tests, execute npm test
or yarn test
. This will run Jest tests in watch mode.
Check out the live demo here: Products Crud React Demo.
This demo provides a hands-on opportunity to explore the functionality and user interface of the product listing system. Feel free to interact with the features to see how they work.
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the project.
- Create your feature branch (
git checkout -b feature/AmazingFeature
). - Commit your changes (
git commit -m 'Add some AmazingFeature'
). - Push to the branch (
git push origin feature/AmazingFeature
). - Open a pull request.
Distributed under the MIT License. See LICENSE
for more information.