The CRUD APP is a React application designed for managing product data. It provides functionalities for adding, updating, deleting, and viewing product details. Additionally, the application incorporates various technologies to enhance user experience and streamline development.
- React: The core framework for building the user interface.
- React Bootstrap: Used for UI components to ensure a responsive design and consistent styling.
- i18next and react-i18next: Employed for language localization, enabling users to switch between different languages seamlessly.
- Context API: Utilized for managing light and dark mode themes throughout the application.
- React Router DOM: Implemented for client-side routing, allowing navigation between different pages without reloading the entire app.
- Axios: Integrated for making HTTP requests, particularly for fetching and updating data from the backend API.
- react-pdf/renderer: Utilized for generating PDF documents, such as exporting blog posts or product details.
- TanStack Query (formerly React Query): Simplifies server state management by streamlining API requests, handling pending/error states, and providing features like background refetching and pagination.
- pnpm: Chosen as the package manager for dependency management, offering a faster and more efficient alternative to npm or yarn.
- Clone the repository.
- Navigate to the project directory.
- Run
pnpm installto install dependencies. - Run
pnpm startto start the development server.
- Use the CRUD functionalities to manage product data.
- Navigate between different pages using the provided routes.
- Customize the theme between light and dark mode as per preference.
- Export product details or blog posts as PDF documents.
Contributions to the project are welcome. Please give a star to the repository if you find it useful.