https://github.com/leiberbertel/taskplannerangular

This is an app that fulfills the task planner function, it was developed with Angular 18 and standalone modules. Deploy using firebase hosting service.
https://github.com/leiberbertel/taskplannerangular

angular18 javascript npm sweetalert2 typescript

Last synced: 3 months ago
JSON representation

This is an app that fulfills the task planner function, it was developed with Angular 18 and standalone modules. Deploy using firebase hosting service.

• Host: GitHub
• URL: https://github.com/leiberbertel/taskplannerangular
• Owner: leiberbertel
• License: mit
• Created: 2024-10-06T18:34:39.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-03-25T00:54:05.000Z (3 months ago)
• Last Synced: 2025-03-25T01:32:22.485Z (3 months ago)
• Topics: angular18, javascript, npm, sweetalert2, typescript
• Language: TypeScript
• Homepage: https://todoapp-12a65.web.app/
• Size: 127 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# TaskPlanner

Task Planner is an application designed to help you organize your daily tasks efficiently. It allows you to create, edit, and delete tasks, and filter them by status: completed, pending, or all. Additional features include the ability to clear completed tasks and a task counter displaying the total number of tasks. All tasks are automatically saved in LocalStorage, ensuring that no data is lost. The application features a user-friendly, intuitive interface and is currently deployed using Firebase Hosting.

## Built with 🛠

- NPM

- JavaScript

- Angular 18

- TypeScript

- Sweet Alert 2

## Development server

To start a development server, run `ng serve`. Navigate to `http://localhost:4200/`. The app will automatically reload if you make changes to any of the source files.

Once you run `ng serve`, you will see the following screen:

![initial screen](https://drive.google.com/uc?id=14WOqWIUi5Q8yXs2RPU1MaiF_eMOGEcJM)

View mobile with one task in pending status and one task completed:

![view mobile](https://drive.google.com/uc?id=1tSk1j0wBzHbwcm7-3dxx7bvmTDjDPckY)

## Code scaffolding

Use `ng generate component component-name` to create a new component. You can also use `ng generate` followed by `directive|pipe|service|class|guard|interface|enum|module` to generate other Angular elements.

## Build

Run `ng build` to compile the project. The build output will be stored in the `dist/` directory.

## Running unit tests

Execute `ng test` to run the unit tests with Karma.

Running end-to-end tests

Use `ng e2e` to run end-to-end tests with your preferred platform. To enable this command, install a package that provides end-to-end testing capabilities.

## Further help

For more detailed help on Angular CLI, use `ng help` or check out the official [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli).