React crud series pt.1

React CRUD Operations with Routers and React Bootstrap Hooks

This project is a small task to learn and implement CRUD (Create, Read, Update, Delete) operations using React, routers, and React Bootstrap hooks.

Table of Contents

• Introduction
• Technologies Used
• Features
• Project Structure
• Installation
• Usage
• Contributing

Introduction

This project serves as a hands-on learning experience for understanding and implementing CRUD operations in a React application. It utilizes React for building the user interface, routers for navigation, and React Bootstrap hooks for efficient state management.

Features

• Create: Add new tasks to the list.
• Read: View the list of tasks.
• Update: Modify existing task details.
• Delete: Remove tasks from the list.

Technologies Used

• React
• vite
• Hooks
• React Router
• React Bootstrap

Project Structure

• Public folder is empty

Src/

• components: Contains individual components for each CRUD operation.
• App.js: Main component integrating all CRUD components and routing.
• index.js: Entry point of the React application.

Installation

1. Clone the repository:

   • git clone https://github.com/featitx/crud-series/tree/crud-1
   • cd Crud-PT.1
   • npm i
   • npm start

   And now you're good to go

Contributing

Contributions are welcome! If you find any issues or have improvements to suggest, feel free to create a pull request.