Skip to content

AdityaPatil100/React-Crud

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

React CRUD App

A simple CRUD (Create, Read, Update, Delete) application built with React and React Bootstrap for managing user data. This app provides an intuitive interface for creating and managing users.

Table of Contents

Features

  • User creation and updating
  • User list display with edit and delete options
  • Responsive design using React Bootstrap
  • Notification messages for user actions
  • Splash screen during data loading

Technologies Used

  • Frontend: React, React Router, React Bootstrap
  • Backend: Node.js, Express.js (assumed based on API calls)
  • Database: MySQL (assumed based on CRUD functionality)
  • Others: Axios for HTTP requests

Installation

  1. Clone the repository:
    git clone https://github.com/AdityaPatil100/React-Crud.git
    cd React-Crud
  2. Backend:
    cd backend
    node index.js
  3. Frontend:
    cd frontend
    npm install
    npm start
    

In backend dir, check config->config.json and set database connection

{
  "development": {
    "username": "root",
    "password": "root",
    "database": "crud_app",
    "host": "127.0.0.1",
    "dialect": "mysql"
  }
}

Screenshots: Screenshot 2024-10-17 005251 Screenshot 2024-10-17 005433 Screenshot 2024-10-17 005501 Screenshot 2024-10-17 005516