https://github.com/asheemrahman/user-management-react-redux

A user management application built using React and Redux to demonstrate the process of handling user data, authentication, and state management in a modern React app.
https://github.com/asheemrahman/user-management-react-redux

reactjs redux redux-toolkit state-management user-management

Last synced: about 2 months ago
JSON representation

A user management application built using React and Redux to demonstrate the process of handling user data, authentication, and state management in a modern React app.

• Host: GitHub
• URL: https://github.com/asheemrahman/user-management-react-redux
• Owner: AsheemRahman
• Created: 2024-11-29T19:46:13.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-29T20:11:11.000Z (about 2 months ago)
• Last Synced: 2024-11-29T21:22:30.715Z (about 2 months ago)
• Topics: reactjs, redux, redux-toolkit, state-management, user-management
• Language: JavaScript
• Homepage:
• Size: 128 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# User Management React Redux

A user management application built using React and Redux to demonstrate the process of handling user data, authentication, and state management in a modern React app. This project covers the use of Redux for managing application state, handling user actions, and integrating with APIs for user management functionalities such as registration, login, and user profile management.

## Features

- User Registration

- User Login

- User Profile Management

- User have upload option for profile image

- State Management with Redux

- JWT Authentication and Authorization

- Responsive Design

- Admin Login

- Admin can view and perform search on user data

- Admin can create, delete and edit user data

## Tech Stack

- **Frontend**: React.js, Redux, React Router, Axios

- **State Management**: Redux (with Redux Toolkit)

- **Styling**: Tailwind

- **Authentication**: JWT (JSON Web Token)

## API Integration

This project uses fetch to make requests to a backend API for handling user data. The API endpoints for user management include:

### User

- POST /api/auth/signup - Register a new User

- POST /api/auth/signin - Log in a User

- POST /api/auth/google - Login using Google auth

- POST /api/user/update/:id - Update User information

- DELETE /api/user/delete/:id - Delete User

- POST /api/auth/signout - Signout from user

### Admin

- POST /api/admin/login - Login in to admin

- GET /api/admin/getuser  - Get User list

- POST /api/admin/adduser  - Add new User

- POST /api/admin/edituser/:id  - Edit User

- POST /api/admin/deleteuser/:id  - Delect User

- POST /api/admin/signout  - SignOut from admin

## Prerequisites

Before running the project, ensure that you have the following installed:

- Node.js (version 14 or later)

- npm (version 6 or later) or Yarn

## Getting Started

### Clone the Repository

    git clone https://github.com/your-username/User-Management-React-Redux.git

    cd User-Management-React-Redux

### Install Dependencies

    npm install

### Run the BackEnd

    npm start

### Run the FrontEnd

    cd client

    npm run dev

### Project will run 

    FrontEnd : http://localhost:5173/

    BackEnd : http://localhost:3000

## Contributing

Contributions to this project are welcome! If you find a bug or have an idea for a new feature, feel free to open an issue or submit a pull request.

### Steps to Contribute:

  1. Fork the repository.

  2. Create a new branch (git checkout -b feature-name).

  3. Make your changes.

  4. Commit your changes (git commit -am 'Add new feature').

  5. Push to your branch (git push origin feature-name).

  6. Create a new pull request.