This project consists of two main parts:
- Shopping Cart: A React-based shopping cart that allows users to add, remove, and view items.
- User Management: A CRUD system for managing users, implemented with Redux, Redux-Saga, hooks, and contexts for state management.
- Add/Remove Items: Easily manage items in the cart.
- View Cart: Display items with their quantities and total cost.
- Responsive Design: Optimized for a seamless experience on desktops, tablets, and mobile devices.
- CRUD Operations: Create, Read, Update, and Delete users.
- State Management: Utilizes Redux and Redux-Saga for handling complex state and side effects.
- Hooks and Contexts: Demonstrates the use of React hooks and contexts for state management in a React application.
- React: For building the user interface.
- Redux: For state management across the application.
- Redux-Saga: For handling side effects and asynchronous actions.
- React Hooks: For managing component state and lifecycle methods.
- React Context API: For managing global state.
- Styled Components: (Optional) For styling the application.
To get started with the project, follow these steps:
-
Clone the repository:
git clone https://github.com/Andrei-Chiorian/react-andrei.git
-
Navigate to the project directory:
cd react-andrei
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit:
http://localhost:3000
You can customize various aspects of the project:
- UI Styling: Modify the Tailwind CSS configurations in tailwind.config.js and styles in the resources/css directory.
- Database Structure: Adjust the migrations or models in the database/migrations and app/Models directories.
- Routes and Controllers: Customize the logic in routes/web.php and the corresponding controllers in app/Http/Controllers.
Contributions are welcome! If you have suggestions or improvements, feel free to fork the repository and submit a pull request. Feedback and enhancements are highly appreciated.
This project is licensed under the MIT License.
- Name: Andrei Chiorian
- Email: contacto@andreiwebdevelopment.es
- LinkedIn: https://www.linkedin.com/in/andrei-chiorian-web-development
- GitHub: https://github.com/Andrei-Chiorian