Git Product home page Git Product logo

user-flow's Introduction

MERN Stack User Management App

This project is a simple User Management application built using the MERN (MongoDB, Express.js, React, Node.js) stack. The application allows users to sign up, log in, and perform basic CRUD operations on user records.

Table of Contents

Features

  • User signup and login functionality.
  • CRUD operations for managing user records.
  • Responsive UI design for a seamless user experience.

Technologies

  • Frontend: React.js
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Authentication: JSON Web Tokens (JWT)
  • Styling: CSS, Tailwindcss

Local Setup

Frontend

  1. Clone the repository:

    git clone [email protected]:s-atyam/User-Flow.git
  2. Create a .env file in the frontend root directory:

    REACT_APP_HOST=http://localhost:5000
  3. Install dependencies and start the frontend:

    npm install
    npm start
  4. Access the application at http://localhost:3000 in your browser.

Backend

  1. Change directory to Backend

    cd Backend
  2. Create a .env file in the backend root directory:

    JWT_SECRET=your_jwt_secret
    MONGO_URI=your_mongodb_connection_string
    PORT=5000

    Replace your_jwt_secret and your_mongodb_connection_string with your actual JWT secret key and MongoDB connection string.

  3. Install dependencies and start the backend:

    npm install
    npm start
  4. The backend server will run at http://localhost:5000.

Usage

1. Signup

  • Fill in the required fields on the signup screen and click "Save" to create a new user.

2. Login

  • Use your registered email and password to log in.
  • Upon successful login, you will be directed to the dashboard.

3. Dashboard

  • View a list of users with their username, email, and phone in card items.
  • Perform CRUD operations on user records.

Contributing

If you would like to contribute to the development of this User Management System, feel free to open issues, submit pull requests, or provide feedback.

user-flow's People

Contributors

s-atyam avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.