React CRUD Demo

CRUD operations with React. Data is being saved in LocalStorage.

Table of Contents

• Modules
• Installation
• Usage
• Folder Structure

Modules

• Dashboard: Shows count of current users
• Users: List, View, Add, Edit, Delete

Installation

# Clone the repository
git clone https://github.com/nj-codal/React-CRUD-Demo

# Move into the folder
cd React-CRUD-Demo

# Install dependencies
yarn

Usage

# Start the development server
yarn dev

Folder Structure

🌳 React-CRUD-Demo
├── 📁 public
|  └── 📄 vite.svg
├── 📁 src
|  ├── 📁 assets
|  |  ├── 📁 images
|  |  └── 📁 styles
|  ├── 📁 components
|  ├── 📁 containers
|  ├── 📁 data
|  ├── 📁 lib
|  ├── 📁 modules
|  ├── 📁 pages
|  ├── 📄 App.jsx
|  ├── 📄 main.jsx
|  └── 📄 SiteRoutes.jsx
├── 📄 .env
├── 📄 index.html
├── 📄 package.json
├── 📄 README.md
└── 📄 vite.config.ts