Todo list created with React and Vite

Overview

Todo-list-react

Todo list created with React and Vite.

Contributors LinkedIn


To Do List

Create your own to-do list and keep track of your tasks.
Explore the docs »

View Live · Report Bug · Request Feature

Contents
  1. About The Project
  2. Getting Started
  3. Learn More
  4. Deploy
  5. Contributing
  6. Contact

About The Project

Product Name Screen Shot

Project created with the idea to practice React, Vite.Js, Responsive websites, create a website from scratch and deploy.

Here's my goals:

  • Learn how to manually create an React project using Vite.js, Babel and Vercel.
  • Create a mobile responsive React Application.
  • Practice the fundamentals of React and Js.
  • Implementation of CRUD(Create Read Update Delete).

(back to top)

Built With

(back to top)

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying the files. The page auto-updates as you edit the file.

(back to top)

Learn More

To learn more about Vite.js, take a look at the following resources:

You can check out the Vite.js GitHub repository

(back to top)

Deploy on Vercel

The easiest way for me to deploy your Vite.js app is to use the Vercel Platform.

(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/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Luis Biancardi - [email protected]

Project Link: https://github.com/LBiancardi/aluracord-starwars

(back to top)

You might also like...
React todo list app using Elf library
React todo list app using Elf library

React todo list app using Elf library Create todo list using Elf state management library. (https://ngneat.github.io/elf/) Elf is Built on top of Rxjs

ToDo List application developed in React.JS from the {JSON} Placeholder API
ToDo List application developed in React.JS from the {JSON} Placeholder API

ToDo List application developed in React.JS from the {JSON} Placeholder API

A simple TODO list application using React
A simple TODO list application using React

A simple TODO list application using React

todo list feito com reactj⚛⚛
todo list feito com reactj⚛⚛

todo.list 🚨 Novidades Foi criada uma página home simples, com a animação igual ao site da vercel No componente Profile foi adicionada a função de log

An hexagonal architecture approach for a Remix Todo List Manager app
An hexagonal architecture approach for a Remix Todo List Manager app

Todo List Manager This project showcases an hexagonal architecture approach for front-end projects. This is a Remix application, you may want to check

A simple Countdown created using Vite, React, Typescript and Sass
A simple Countdown created using Vite, React, Typescript and Sass

Countdown 🎯 About This a simple Countdown created using Vite, React, Typescript and Sass. Demo: https://countdown-teal-zeta.vercel.app/ 🚀 Technologi

Hacker News - This project was created using Vite, React, GraphQL and Apollo Client.
Hacker News - This project was created using Vite, React, GraphQL and Apollo Client.

Hacker News A application to get your favorites links made using Apollo Client In Progress 🚀 Table of contents Table of contents 💻 About 🛠 Techs 💪

 Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI
Kitabisa Campaign List - This project was bootstrapped with: React Vite Chakra UI

Kitabisa Campaign List Demo: https://kb-campaign.vercel.app/ Tech Stack This project was bootstrapped with: React Vite Chakra UI Jest Recoil ESLint Av

Todo app using React, Express and Passport for sign in with username and password.

todos-react-express-password This app illustrates how to use Passport with React and Express to sign users in with a username and password. Use this e

Owner
Luis Biancardi
💻 Front-end developer | 🎨 Sometimes a designer 🧩 Good listener but better at solving problems. ⚽🏄 My hobbies play soccer and surf.
Luis Biancardi
TodoLst-UsingReact: a simple Todo-List app created using React

TodoLst-UsingReact This is a simple Todo-List app created using React, it performs operations like, allowing users to input list of todos, edit a todo

Kanu Mike Chibundu 5 Mar 11, 2022
Simple Todo List created using ReactJS with basic UI

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 1 Oct 28, 2021
To-do List 🚀 Simple todo list working with Local Storage.

To-do List ?? Simple todo list working with Local Storage. Stack ⚛ React Typescript Custom Hooks, Context and Reducer Bootstrap 4 How to run Install a

Alejo Thomas 4 May 28, 2022
React Todo App allows you to create, edit, delete and view your todos. It is a simple todo app built with React, Linters and Localstorage.

React Todo App React Todo App allows you to create, edit, delete and view your todos. It is a simple todo app built with React, Linters and Localstora

Didier Peran Ganthier 8 Dec 20, 2022
This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone. The days of forgetting a task or meeting are no more with ToodleDo app.

Ricardo Salcido 1 Dec 14, 2021
React Todo List - This project helps to consolidate my knowledge about React, components, props, state, and hooks

React Todo List This project helps to consolidate my knowledge about React, components, props, state, and hooks, by following a tutorial. Screenshot B

null 7 Dec 15, 2022
A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node).

PERN Todo List ?? WORK IN PROGRESS ?? A very straight-forward and simple todo-list with the PERN Stack (Postgres, Express, React, Node). Practicing Mo

Prince Carlo Juguilon 16 Sep 21, 2022
Todo List CRUD and OAuth with Firebase

Todo List CRUD and OAuth with Firebase Esta es una app hecha con React y Firebase en la que puedas crear, leer, actualizar y borrar tareas dentro de u

Adonys Santos 4 May 28, 2022
A TODO-List app allows user to perform various actions like creating a task, updating a task, and removing a task.

A TODO-List app allows user to perform various actions like creating a task, updating a task, and removing a task. User generated data get stored in a browser storage using localstorage API for later use.

Steven Ntakirutimana 5 Jul 16, 2022
📋 Todo List CRUD and OAuth with Firebase

Todo List CRUD and OAuth with Firebase Esta es una app hecha con React y Firebase en la que puedas crear, leer, actualizar y borrar tareas dentro de u

Adonys Santos 4 May 28, 2022