Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atif0075/quasar-to-do-app
https://github.com/atif0075/quasar-to-do-app
Last synced: 29 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/atif0075/quasar-to-do-app
- Owner: atif0075
- Created: 2022-04-18T11:39:33.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-04-19T13:12:43.000Z (over 2 years ago)
- Last Synced: 2024-04-30T09:26:58.061Z (8 months ago)
- Language: JavaScript
- Homepage: quasar-to-do-app.vercel.app
- Size: 887 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quasar Framework
> Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!
## Documentation of Quasar
> Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)
# Vue 3 + Tailwind CSS ✔
This project includes:
- [Quasar](https://quasar.dev/)
- [Vue 3](https://vuejs.org/guide/introduction.html)
- [Tailwind CSS](https://tailwindcss.com/docs/configuration)
- [Vue Router](https://github.com/vuejs/router)
- [Localbase]()
- [Vue 3 Date Picker]()
### Getting Started
```
npx degit atif0075/Quasar-to-do-app my-todo-app
cd my-todo-app
```
### Installation Commands
```
npm install
npm quasar dev
```
or
```
yarn install
yarn quasar dev
```
## Overview and Screenshots
> [Quasar Todo](https://quasar-to-do-app.vercel.app/) is a web based app build with quasar framework.You can add your task which you want to do and it will store it in local data of browser.For this purpose i used Localbase library build on top of Indexed DB.Furthur more you can set date easily by Vue 3 Date Picker library.
> You can remove you todo by clicking on check icon or double click on the todo.
> Screenshots !!!
# Modes
It will automatically detect you system theme and eneable that theme for you on website
## Light Mode
## Dark Mode
# PWA
This is PWA, means you can downlaod it as a web app in your browser
You can build
> - SPA (Single Page App)
> - SSR (Server Side Rendering)
> - PWA (Progreesive Web App)
> - Browser Extension (Chrome & Firefox)
> - Electron App (Windows, Linux & MacOS)
> - Mobile App (Andriod & iOS)
with same code which u written in for web in Vue.js
> We provide a frictionless developer experience to take care of the hard things: deploying instantly, scaling automatically, and serving personalized content around the globe.
> We make it easy for frontend teams to develop, preview, and ship delightful user experiences, where performance is the default.
## Deployed on Vercel
> [Vercel](https://vercel.com/) is a platform for frontend frameworks and static sites, built to integrate with your headless content, commerce, or database.
> It provide a frictionless developer experience to take care of the hard things: deploying instantly, scaling automatically, and serving personalized content around the globe.
> It make it easy for frontend teams to develop, preview, and ship delightful user experiences, where performance is the default.
