/Todoapp-Vue.js

Final project Ironhack | Todo app Vue.js

Primary LanguageVue

Ironhack Final Project - OhMyTASKS!✅

Description

Build a To-do app with Vue.js that allows users to create an account, record tasks, edit them and mark them as complete. The app will be linked to a database, where all the user and task data will be stored.

Thur Aug 18 2022

Start final project.

Fri Aug 19 2022

Create sign in and sign up components.

Mon Aug 22 2022

Add navbar and implement sign out function and footer component.

Tue Aug 23 2022

Create NewTask component.

Wed Aug 24 2022

Implement the logic for edit, toggle and delete a task in TaskItem component.

Thur Aug 25 2022

-Unify styles and add new features, like line-through in task when completed. -Deployed to production by Vercel

Project Setup

npm install

Set Up your Environment Variables from Supabase located at the root folder of the project

VITE_SUPABASE_URL
VITE_SUPABASE_ANON_KEY 

Once you have added your environment variables, head to your .gitIgnore file located at the root folder and uncomment the .env file naming to avoid sharing any private access keys to your database

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build