Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/appwrite/demo-todo-with-angular
A basic demo example for integrating between Appwrite & Angular ❤️
https://github.com/appwrite/demo-todo-with-angular
angular appwrite hacktoberfest
Last synced: 3 months ago
JSON representation
A basic demo example for integrating between Appwrite & Angular ❤️
- Host: GitHub
- URL: https://github.com/appwrite/demo-todo-with-angular
- Owner: appwrite
- License: mit
- Archived: true
- Created: 2021-03-28T14:23:04.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-16T12:41:47.000Z (over 1 year ago)
- Last Synced: 2024-08-11T16:09:06.030Z (4 months ago)
- Topics: angular, appwrite, hacktoberfest
- Language: TypeScript
- Homepage: https://appwrite-todo-with-angular.vercel.app
- Size: 717 KB
- Stars: 67
- Watchers: 19
- Forks: 39
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-appwrite - Source Code - todo-with-angular.vercel.app/) (Showcase (Built with Appwrite 📣) / Angular)
README
# 🔖 Todo With Angular
A simple todo app built with Appwrite and Angular
If you simply want to try out the App, go ahead and check out the demo at https://appwrite-todo-with-angular.vercel.app/
## 🎬 Getting Started
### 🤘 Install Appwrite
Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice.
> Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it.
We need to make a few configuration changes to your Appwrite server.
1. Add a new Web App in Appwrite and enter the endpoint of your website (`localhost, .vercel.app etc`)
2. Create a new collection with the following properties
* **Attributes**
Add the following attributes to the collection.
> Make sure that your Attribute ID exactly matches the key in the images
* **Permissions**
Add the following permissions to your collections. These permissions ensure that only registered users can access the collection.
### 🚀 Deploy the Front End
You have two options to deploy the front-end and we will cover both of them here.
### **Deploy to a Static Hosting Provider**
Use the following buttons to deploy to your favourite hosting provider in one click! We support Vercel, Netlify and DigitalOcean.
[](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fappwrite%2Ftodo-with-angular&project-name=appwrite-todo-app&repo-name=appwrite-todo-app)
[](https://app.netlify.com/start/deploy?repository=https://github.com/appwrite/todo-with-angular)
[](https://cloud.digitalocean.com/apps/new?repo=https://github.com/appwrite/todo-with-angular/tree/main)
### **Run locally**
Follow these instructions to run the demo app locally 💪🏼
```sh
$ git clone https://github.com/appwrite/todo-with-angular
$ cd todo-with-angular
$ npm install
$ npm start
```
## 🤕 Support
If you get stuck anywhere, hop onto one of our [support channels in discord](https://appwrite.io/discord) and we'd be delighted to help you out 🤝
## 😧 Help Wanted
Our access credentials were recently compromised and someone tried to ruin these demos. They decided to leave behind 15 easter eggs 🥚 for you to discover. If you find them, submit a PR cleaning up that section of the code (One PR per person across all the repos). You can track the number of claimed Easter Eggs using the badge at the top.
The first 15 people to get their PRs merged will receive some Appwrite Swags 🤩 . Just head over to our [Discord channel](https://appwrite.io/discord) and share your PR link with us.
> *UPDATE **17-11-2021**:* The easter egg contest is now closed.