Angular Todolist App

A simple and flexible Todo app built with Angular. Originally created by AdrielHercules and NestorLT as a training project. It uses TailwindCSS for styling and CapacitorJS for cross-platform support.

Features

• 📝 Create multiple lists to organize your tasks
• 💾 Local persistence with SQLite (offline support)
• 📱 Multiplatform support via CapacitorJS (Android, iOS, Web, Desktop)
• 🎨 Multi-theme support with TailwindCSS

Download

1. Download the latest version from the Releases page (or build it yourself from source).
2. Run it on your preferred platform.

Tech Stack

• Framework: Angular 20
• Cross-platform: CapacitorJS
• Styling: TailwindCSS
• Database: SQLite (via Capacitor plugin)
• Package Manager: npm

How to Build

Requirements

• Angular 20
• Node.js & npm

Clone the Project

git clone https://github.com/AdrielHercules/todolist-frontend
cd folder

Install Dependencies

npm install

Run Development Server

ng serve

Building for android 📱

1. Build the project

ng build

2. Configure Android Build Generate an Android keystore and create a .env file with the following data:

KEYSTORE_PATH=""
KEYSTORE_PASSWORD=""
KEYSTORE_ALIAS=""
KEYSTORE_ALIAS_PASSWORD=""

3. Sync angular project with capacitor:

npx cap sync android

4. Build the Capacitor project:

npx cap build android

5. Or open it directly in Android Studio:

npx cap open android

Check out the CapacitorJS Docs for instructions on building for iOS or Desktop.

Contributing

We welcome contributions! 🎉

• Submit issues
• Open pull requests
• Suggest or build new features