Skip to content

lucaslinyker/todoList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

ToDoList

A essential project for organizes your tasks.
Explore the Codes »

View Live · Report Bug · Request Feature


Summary

🔝 back to top

Overview

Short Video

Short video of the project

🔝 back to top

Features

Main

  • Create a task
  • Delete a task
  • Mark a task as done

Futures

  • Edit a task
  • Light mode
  • Save tasks in local storage
  • Create a login system
    • Save tasks in Firebase

🔝 back to top

My Process

Built With

🔝 back to top

What I Learned

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' />

Continued development

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.

🔝 back to top

Useful resources

  • 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.

🔝 back to top

How to Install

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://github.com/lucaslinyker/todoList.git

# Go into the repository
$ cd todoList

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Note Do this in your terminal, in the folder where you want to save the project.

🔝 back to top

Contributing

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!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/featureName)
  3. Commit your Changes (git commit -m 'Add some featureName')
  4. Push to the Branch (git push origin feature/featureName)
  5. 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.

🔝 back to top

Contact

🔝 back to top

Acknowledgments


🔝 Back to Top 🔝