✅ A future task manager (⚒️ working).

Related tags

Learning resource react pwa calendar todolist task-manager task-scheduler vitejs
Overview
done Banner

A beautifully task manager

🥳 soon

📦 Packages:

  • ⚡️ Vitejs - Next generation frontend tooling.
  • ☁️ Vitejs PWA - Zero-config PWA Framework-agnostic Plugin for Vite.
  • ⚒️ React 18 - A JavaScript library for building user interfaces.
  • 💙 Typescript - A superset of JavaScript.
  • 💅 Chakra UI - Accessible component library.
  • 💥 Framer Motion - Production-ready motion library.

⚒️ Getting Started:

You will need:

  1. Clone the repository:
git clone [email protected]:pheralb/done.git
  1. Create a .env file with the following variables:
VITE_SUPABASE_URL=
VITE_SUPABASE_KEY=
  1. Install dependencies:
npm install
  1. Run the app:
npm run dev
  1. 🥳 Ready! Open the browser and write localhost:3000.

🚀 Deploy on Cloudflare Pages:

  • ⏳ Soon.

🔑 License:

You might also like...

A to-do-list project is about keeping the track of all the daily task. This application can add move or delete task.

TO-DO LIST This is a project that create a simple todo tool that help you organize your day. This is build using ES6 and webpack. Built With HTML CSS

Oct 26, 2022

A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task

TO DO LISTS A Web application that lets the user add, remove and reorder to do lists Built With Html,JS,CSS Webpack and other dependencies Git, Github

Nov 1, 2022

A todo-list app designed to help users manage their tasks. Users can create a task, read tasks, update tasks, delete task, check completed tasks and delete all checked tasks. Also contains basic tests. Built with WebPack,, Modular JavaScript, Jest Libary and LocalStorage.

todolist This project is created to understand the use of ES6 with Webpack Built With HTML, CSS and Javascript. Webpack. Live Demo (if available) http

Oct 13, 2022

Taskem is a task manager that help you stay organized while boosting your creativity at the same time.

Taskem is a task manager that help you stay organized while boosting your creativity at the same time.

Taskem Introduction Taskem is a task manager that helps you stay organized while boosting your creativity at the same time. Our main goal is to help e

Dec 25, 2022

A simple task manager that allows that allows users to add, remove and modify tasks from a list.

TO-DO LIST TO-DO LIST is a basic app that allows users to add/remove task from a to-do list. Built With HTML, CSS, JavaScript, Live Demo Live Demo Lin

May 3, 2022

Task manager Pro 📅 Use local storage to save data 💻

Task manager Pro 📅 Use local storage to save data 💻

📚 Task Manager Pro 🌟 Introducing different sections of the website : ⚙️ Setting section To change the color theme 📅 Calendar section 🗂️ Task Manag

Nov 14, 2022

A google firebase based task-manager made in typescript

By Harshiyt Kumar This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yar

Aug 7, 2022

A devtool improve your pakage manager use experience no more care about what package manager is this repo use; one line, try all.

pi A devtool improve your pakage manager use experience no more care about what package manager is this repo use; one line, try all. Stargazers over t

Nov 1, 2022

Meogic-tab-manager is an extensible, headless JavaScript tab manager framework.

Meogic-tab-manager is an extensible, headless JavaScript tab manager framework.

MeogicTabManager English document MeogicTabManager是一个有可拓展性的、headless的JavaScript标签页管理框架。 MeogicTabManager旨在提供可自由组装页面框架、自定义页面组件、甚至覆盖框架自带事件响应的开发体验。 Meogi

Oct 8, 2022
Owner
Pablo Hdez
Front-End Web Developer👨‍💻. In ❤️ with React.
Pablo Hdez
GitHub
A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

To-Do-List A To-Do-List App helps users to get their task cordinated and organised. This project is from microverse javascript curriculum which tests

zieeco 12 Jul 8, 2022
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js

My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp

Richard Chileya 5 Nov 11, 2022
Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.

To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a

Evans Kupour 8 Nov 4, 2022
⭐ Password manager of the future.

Cool Keeper ?? About Cool keeper is the modern password manager we have been looking for. Built using the latest technologies from the web development

Vitor Windberg 8 Dec 14, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology namely; JavaScript with webpack Configuration.

To-do-list "To-do-list" is a simple web application that displays a list of task and allows you to add and remove task from that list. Built With HTML

Aniekan udo 10 Nov 21, 2022
Practice Task of HTML - Mache Free Template (PSD to HTML) - Home Task (CTG)

Practice Task of HTML - Mache Free Template (PSD to HTML) - Home Task (CTG) This Assignment is mainly on PSD TO HTML along with HTML,CSS As a Basic HT

Yasir Monon 1 Jan 29, 2022
This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list

This "To-do-list" app is a simple web application that displays a list of task and allows you to add and remove task from that list. it is built with the latest technology including but not limited to HTML, CSS, JavaScript and webpack to manipulate DOM.

Jerry Owusu 2 Feb 19, 2022
"To Do List" is a minimalist project that displays a list of task and allows you to add and remove task from that list. Built with JavaScript

To Do List Structure Solo programming project for module 2 week 2 of the Microverse Program. Live Demo Live Demo Link "To Do List" is a minimalist pro

Yersel Hurtado 7 Mar 5, 2022
This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list

Microverse Project To Do List This is a project being built to show the usage of webpack. Its an application were you are able to add a task to the li

Roland Ossisa Yuma 4 May 6, 2022
The ToDoList app let you create a task, added to a list of task, mark it as complete, and delete individual or multiple tasks at the same time

The ToDoList app let you create a task, added to a list of task, mark it as complete, and delete individual or multiple tasks at the same time. The app manipulate the Local-Storag so you can save your tasks there. Built with HTML, CSS and JavaScript. First practice using Webpack, Modules and tests with Jest

Tomas Milanesi 12 Jul 21, 2022