This is a simple Angular todo app that uses Firebase as a backend database to manage tasks. The app includes CRUD (Create, Read, Update, Delete) operations and is styled using Bootstrap. It also features a modal confirmation for actions on individual todo items.
- Home Page: Displays the list of active todos.
- Add Todo: Allows users to add new todo items.
- Archive: Shows archived todo items.
- View Todo: Displays details of a specific todo item and provides actions to complete, delete, or edit.
- Modal Confirmation: When performing actions (complete, delete, edit) on a todo item, a modal confirmation is presented to ensure the user's intent.
- Clone this repository:
git clone https://github.com/your-username/angular-todo-firebase.git
- Install dependencies:
cd angular-todo-firebase && npm install
- Set up Firebase:
- Create a Firebase project at https://firebase.google.com/
- Add your Firebase configuration in
src/environments/environment.ts
andsrc/environments/environment.prod.ts
.
- Run the app:
ng serve
- Open the app in your browser:
http://localhost:4200
- Create: Use the "Add Todo" component to create new todo items.
- Read: The "Home Page" displays the list of active todos, and the "Archive" component shows archived items.
- Update: In the "View Todo" component, click the "Edit" button to update a todo item.
- Delete: In the "View Todo" component, click the "Delete" button to delete a todo item.
Contributions are welcome! If you find any issues or want to add new features, feel free to submit a pull request.