/todo

Primary LanguageJavaScript

Barkerbg001 - React Todo List Application

Features

  • Add new todos: Users can enter a task in the input field and click the "Submit" button to add a new todo to the list.
  • Mark todos as done: By clicking the "✓" button next to a todo, it will be marked as done and displayed with a line-through style.
  • Remove todos: Users can click the "✕" button next to a todo to remove it from the list.

Installation

  1. Clone the repository:
git clone https://github.com/barkerbg001/todo.git
  1. Navigate to the project directory:
cd todo
  1. Install the dependencies:
npm install
  1. Start the application:
npm start

This will start the development server and open the application in your default browser.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Bootstrap: A popular CSS framework for building responsive and mobile-first websites.
  • react-bootstrap: A library that provides Bootstrap components as React components.
  • HTML5: The standard markup language for building web pages.
  • CSS3: The styling language used for describing the presentation of a document written in HTML.

Code Structure

The code is organized into the following files and directories:

  • App.js: The main component that renders the Todo List application.
  • App.css: The CSS file for styling the Todo List application.
  • index.js: The entry point of the application where the App component is rendered.
  • components/: A directory containing reusable components used in the application.
    • Todo.js: The component for rendering an individual todo item.
    • FormTodo.js: The component for rendering the form to add new todos.

Contributing

Contributions to this Todo List application are welcome. If you find any issues or have suggestions for improvements, please create a new issue or submit a pull request.

License

This project is licensed under the MIT License. You can find more information in the LICENSE file.

Acknowledgements

  • This application was created as a learning exercise using React and Bootstrap.
  • The code was inspired by various Todo List tutorials and examples available online.

Contact

If you have any questions or need assistance with the project, you can reach out to the project maintainer: