/Simple-to-do-app

A simple todo app built using Reactjs with all crud operations , use of props to display data and modify it, styled using Bootstrap alpha

Primary LanguageJavaScript

ReactJS Project with CRUD Functionality and Bootstrap Styling

This is a sample ReactJS project that demonstrates CRUD (Create, Read, Update, Delete) operations. The project uses Bootstrap for styling and data is passed as props between components.

Features

  • Create: Add new items to the data list.
  • Read: Display the data list with Bootstrap-styled components.
  • Update: Edit existing items in the data list.
  • Delete: Remove items from the data list.

Prerequisites

To run this project, you need to have the following installed:

  • Node.js
  • npm (Node Package Manager)

Getting Started

  1. Clone the repository:

git clone

markdown Copy code

  1. Install the dependencies:

npm install

markdown Copy code

  1. Start the development server:

npm start

The project will be running at http://localhost:3000.

  • components: Contains the individual components for CRUD operations.
  • App.js: The main component that renders the other components.
  • index.js: The entry point of the application.

Usage

To use the CRUD features of this project, follow these steps:

  1. Create: Fill out the form and click the "Add" button to add a new item to the data list.

  2. Read: Display the data list with Bootstrap-styled components.

  3. Update: Click the "Edit" button next to an item in the data list . Edit the item's details and click the "Save" button to update it.

  4. Delete: Click the "Delete" button next to an item in the data list to remove it from the data list.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please create an issue or submit a pull request.

License

This project is licensed under the MIT License.