Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/ubeydeozdmr/vue-todo-app
- Owner: ubeydeozdmr
- License: mit
- Created: 2022-08-06T17:45:43.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-18T10:59:33.000Z (over 1 year ago)
- Last Synced: 2023-03-09T01:22:11.026Z (over 1 year ago)
- Topics: tailwind, tailwind-css, tailwindcss, tailwindcss-plugin, todo, todo-app, todo-list, todoapp, todolist, todolist-application, vue, vuejs, vuejs3
- Language: Vue
- Homepage: https://crematodo.netlify.app
- Size: 930 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
- License: LICENSE
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)