A essential project for organizes your tasks.
Explore the Codes »
View Live · Report Bug · Request Feature
- Create a task
- Delete a task
- Mark a task as done
- Edit a task
- Light mode
- Save tasks in local storage
- Create a login system
- Save tasks in Firebase
I learned how to style a React application using CSS Modules. I also learned how to use the useState hook and how to create a simple application using React. In this project also I use a the Phosphor Icons.
import { PlusCircle } from '@phosphor-icons/react'
<PlusCircle size={16} weight='bold' />I intend to continue developing this project by adding new features and improving the existing ones. I also intend to improve my knowledge in React.
CSS Modules - This article helped me to understand how to use CSS Modules in a React application.
Phosphor Icons - This is a great website that helped me to find icons for my project.
Vite Documentation - This helped me to understand how to use Vite and how to create a React application using it. I really liked this tool and I will use it in my next projects.
React Documentation - This is an amazing documentation that helped me to understand the basics of React and how to create a simple application using it.
Rocketseat - React course - This course helped me to understand the basics of React and how to create a simple application using it. OBS: I only did the first module, because I did it when they released the platform for free for 2 days.
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer.
To install the project, follow these steps:
# Clone this repository
$ git clone https://.com/lucaslinyker/todoList.git
# Go into the repository
$ cd todoList
# Install dependencies
$ npm install
# Run the app
$ npm run devNote Do this in your terminal, in the folder where you want to save the project.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/featureName) - Commit your Changes (
git commit -m 'Add some featureName') - Push to the Branch (
git push origin feature/featureName) - Open a Pull Request
Warning Please, follow my commit patterns. I use this Conventional Commits and these GitMoji (priority these emojis over the Conventional Commits) for all commit.
- Rocketseat - React course - This challenge was developed by Rocketseat.
- Iuricode - I have used his Commit Patterns and inspired in your Readme Template.
🔝 Back to Top 🔝