Skip to content

Shopping Cart and User Management - React is a project featuring a React-based shopping cart and a user management system. It includes a shopping cart with add/remove functionality and a CRUD system for users using Redux, Redux-Saga, React hooks, and contexts.

Notifications You must be signed in to change notification settings

Andrei-Chiorian/react-andrei

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopping Cart and User Management - React

This project consists of two main parts:

  1. Shopping Cart: A React-based shopping cart that allows users to add, remove, and view items.
  2. User Management: A CRUD system for managing users, implemented with Redux, Redux-Saga, hooks, and contexts for state management.

Features

Shopping Cart

  • 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.

User Management

  • 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.

Technologies Used

  • 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.

Installation

To get started with the project, follow these steps:

  1. Clone the repository:

     git clone https://github.com/Andrei-Chiorian/react-andrei.git
    
  2. Navigate to the project directory:

     cd react-andrei
    
  3. Install dependencies:

     npm install
    
  4. Start the development server:

     npm start
    
  5. Open your browser and visit:

     http://localhost:3000
    

Customization

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

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.

License

This project is licensed under the MIT License.

Contact

About

Shopping Cart and User Management - React is a project featuring a React-based shopping cart and a user management system. It includes a shopping cart with add/remove functionality and a CRUD system for users using Redux, Redux-Saga, React hooks, and contexts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published