Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ubeydeozdmr/vue-todo-app

A simple to-do app built using Vue.js and tailwindcss.
https://github.com/ubeydeozdmr/vue-todo-app

tailwind tailwind-css tailwindcss tailwindcss-plugin todo todo-app todo-list todoapp todolist todolist-application vue vuejs vuejs3

Last synced: 1 day ago
JSON representation

A simple to-do app built using Vue.js and tailwindcss.

Awesome Lists containing this project

README

        

# Crema To-Do

[![Netlify Status](https://api.netlify.com/api/v1/badges/c77de7fb-32f0-462b-a8f4-f915b69861d5/deploy-status)](https://app.netlify.com/sites/crematodo/deploys)

A simple to-do app built using [Vue.js](https://vuejs.org) and [tailwindcss](https://tailwindcss.com).

In this to-do app, you can add new todos, edit them or delete them.

## What's new in v1.3?

- Now, you can input your first name to show up top of the page (Instead of Crema To-Do title).

- To activate this feature, go to Preferences > First name.

- Search todo feature added (Now, you can input keywords to find todo which you want)

- If you don't want a search bar top of todolist, you can hide search bar from preferences ("Hide search bar" feature added)

- Show completed todos feature added

- Hide completed todos feature (boolean) removed; instead, added three option called "Show all todos", "Show active todos" and "Show completed todos".

[See full changelog](./changelog.md)

## Development

`npm install` - Install required npm packages for development.

`npm run dev` - Required command for development.

`npm run build` - Take a build for production step.

`npm run preview` - Required to see the last status of your project.

## Screenshots

![v1.3 overview with light theme](./screenshots/v1.3-overview-light.png)
![v1.3 preferences with light theme](./screenshots/v1.3-preferences-light.png)
![v1.3 overview with dark theme](./screenshots/v1.3-overview-dark.png)
![v1.3 preferences with light theme](./screenshots/v1.3-preferences-dark.png)