- 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.
- Clone the repository:
git clone https://github.com/barkerbg001/todo.git
- Navigate to the project directory:
cd todo
- Install the dependencies:
npm install
- Start the application:
npm start
This will start the development server and open the application in your default browser.
- 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.
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 theApp
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.
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.
This project is licensed under the MIT License. You can find more information in the LICENSE
file.
- 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.
If you have any questions or need assistance with the project, you can reach out to the project maintainer:
- Name: Barkerbg001
- Website: Barkerbg001.com