Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sarojbelbase/effintodos
effintodos is a todo app that helps you complete your tasks in a post-it note style.
https://github.com/sarojbelbase/effintodos
bulma hacktoberfest made-in-nepal nepali task-manager todo-app todosapp vue vuex
Last synced: 12 days ago
JSON representation
effintodos is a todo app that helps you complete your tasks in a post-it note style.
- Host: GitHub
- URL: https://github.com/sarojbelbase/effintodos
- Owner: sarojbelbase
- Created: 2020-06-20T08:51:38.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-13T03:01:02.000Z (almost 2 years ago)
- Last Synced: 2024-10-24T22:13:19.616Z (21 days ago)
- Topics: bulma, hacktoberfest, made-in-nepal, nepali, task-manager, todo-app, todosapp, vue, vuex
- Language: Vue
- Homepage: https://effintodos.now.sh
- Size: 2.96 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
effintodos
### As Joan Konner said:
> #### Procrastination always gives you something to look forward to.
#### So here's another todo app to look into our procastinating lives.
## Introduction
**effintodos** is a simple todo app that helps you complete your tasks like they are supposed to. It eliminates the typical ~~strikethrough~~ and checkbox styles. So like in the image above it does them in **post-it note** style. It is inspired from a youtube tutorial but developed further to fit both UI & UX in mind. It is intuitive and simple to use bundled in a SPA (Single-Page Applications) with the use of the Vue framework along with added user authentication.
### Features
* Double click on sticky notes to mark it completed
* Filter through active & completed tasks
* Ultra fast task syncronization across all your logged devices
* Load your data at once & sync later
* Clear completed options
Go to website | effintodos.now.sh
## Prerequisites
* Node.js
* Yarn Package Manager
* Firebase Account
* Firestore Database
## Used
#### Tools & Frameworks
* Vue : JS Framework
* Vuex : State Management
* Firebase : Authentication
* FontAwesome: Font Icons
* Firestore : Database & Storage
* Bulma: CSS Framework
#### Websites
* loading.io
* carbon.now.sh
* tinypng.com
* iconscount.com
* unsplash.com
* vuejs.org
## Installation
#### First, replace your firebase/firestore credentials inside .env_sample & rename it into .env
**.env_sample**
```env
VUE_APP_API_KEY="API KEY HERE"
VUE_APP_AUTH_DOMAIN="AUTH DOMAIN HERE"
VUE_APP_DATABASE_URL="DATABASE URL HERE"
VUE_APP_PROJECT_ID="PROJECT ID HERE"
VUE_APP_STORAGE_BUCKET="STORAGE BUCKET HERE"
VUE_APP_MESSAGING_SENDER_ID="SENDER ID HERE"
VUE_APP_APP_ID="APP ID HERE"
```
Go to root folder & install the packages using: `yarn install`
## Development Setups
To compiles and hot-reload for every changes: `yarn serve`
To compiles & minify for production: `yarn build`
### Made with ❤️ in Nepal.