Skip to content

davidperjac/productive-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Logo

Productive Todo List

A simple yet awesome Todo List!

Contributors Issues License

Table Of Contents

About The Project

Screen Shot

This is a simple Todo List web application built using React. The application allows users to add and remove tasks, mark tasks as complete, and filter tasks by name. The application has been designed with a clean and intuitive user interface with dark mode included, making it easy for users to manage their tasks.

Screen Shot

The main goal of this project is to demonstrate the use of React in building a modern web application. It also serves as a good starting point for developers who are new to React and want to learn how to build real-world applications using the library.

Screen Shot

It was built to practice the use of Custom Hooks, the usage of Context API and the implementation of a Dark Mode.

Technologies Used

This application was built with:

  • React
  • Framer Motion
  • Context API
  • SCSS

Getting Started

To use this application, simply clone the repository, install the dependencies, and start the development server. Here are the steps:

Installation

  1. Clone the repo
git clone https://github.com/davidperjac/productive-list.git
  1. Install NPM packages
npm install
  1. Start the development server
npm start
  1. Open your web browser on http://localhost:3000

License

Distributed under the Mozilla Public License 2.0. See LICENSE for more information.

Authors

  • David Perez - FullStack Developer - David Perez - App

About

A productive Todo List built with React

Topics

Resources

License

Stars

Watchers

Forks