Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saqibameen/keeper
Todo List built using Vue, Google Auth, and Firestore as DB.
https://github.com/saqibameen/keeper
css firebase firestore flexbox google google-auth html javascript spa vue
Last synced: 22 days ago
JSON representation
Todo List built using Vue, Google Auth, and Firestore as DB.
- Host: GitHub
- URL: https://github.com/saqibameen/keeper
- Owner: saqibameen
- Created: 2018-12-14T04:46:28.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2018-12-14T04:50:15.000Z (about 6 years ago)
- Last Synced: 2024-11-21T06:38:05.515Z (3 months ago)
- Topics: css, firebase, firestore, flexbox, google, google-auth, html, javascript, spa, vue
- Language: Vue
- Homepage: https://sa-todo-app.firebaseapp.com/
- Size: 170 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> A basic todo SPA built using Vue with Google Authentication and Google Firestore as a database. It allows you to manage all of your todos and organize them into different categories.
## 🚀 Setting Up the Application
Make sure you have `npm` working.
* Clone the repo.
* Set the environment variables in .env file. To get the values, set up a Google Firebase project.
* Update `.firebaserc` file and add your firebase project id there.
* Set up the Firebase tools locally.
* Install Firebase CLI using the following command.
```.sh
npm install -g firebase-tools
```
* Login into firebase using following command.
```.sh
firebase login
```
* Run following command to deploy the project on firebase. It will create `dist` folder, deploy it, and generate a URL for you.
```.sh
npm run deploy
```
## 📸 App Screenshot
Below is preview of how the app looks like. No framework used and I wrote the CSS from scratch. 😎
## License
Released under GNU GPLv2.0 or later license.
##### → Feel free to tweet and say 👋 at me [@MrSaqibAmeen](https://twitter.com/MrSaqibAmeen/)