https://github.com/abdelrahmanbayoumi/angular-primeng-todo

This project is a simple yet powerful To-Do List application built with Angular 17 and PrimeNG. It features a clean user interface for managing your daily tasks with ease. The app uses PrimeNG UI components for Angular to deliver a responsive and accessible experience.
https://github.com/abdelrahmanbayoumi/angular-primeng-todo

angular primeng pwa todolist webapp

Last synced: 2 days ago
JSON representation

This project is a simple yet powerful To-Do List application built with Angular 17 and PrimeNG. It features a clean user interface for managing your daily tasks with ease. The app uses PrimeNG UI components for Angular to deliver a responsive and accessible experience.

• Host: GitHub
• URL: https://github.com/abdelrahmanbayoumi/angular-primeng-todo
• Owner: AbdelrahmanBayoumi
• Created: 2024-01-25T11:33:37.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-01-29T11:57:48.000Z (9 months ago)
• Last Synced: 2024-01-29T14:20:46.387Z (9 months ago)
• Topics: angular, primeng, pwa, todolist, webapp
• Language: TypeScript
• Homepage: https://angular-primeng-todo.vercel.app
• Size: 474 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Todo App with Angular & PrimeNG 

This project is a simple yet powerful To-Do List application built with Angular 17 and PrimeNG. It features a clean user interface for managing your daily tasks with ease. The app uses PrimeNG UI components for Angular to deliver a responsive and accessible experience.

![image](https://github.com/AbdelrahmanBayoumi/angular-primeng-todo/assets/48678280/d0c36e92-c867-4752-940f-d39664016ff6)

## Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

Before running the project, make sure you have the following installed:

- Node.js (which includes npm)

- Angular CLI

### Installation

1. Clone the repository to your local machine.

2. Navigate to the project directory and run `npm install` to install all the dependencies.

### Development Server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

### Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Features

- Add, delete, and mark tasks as completed.

- Responsive design that works on desktop and mobile browsers.

- Utilizes PrimeNG components for a sleek interface.

## Built With

- [Angular](https://angular.io/) - The web framework used.

- [PrimeNG](https://www.primefaces.org/primeng/) - The UI component suite for Angular.

## Acknowledgments

This project is implementaion of this tutorial: https://youtu.be/kBXjnmKm4ow?si=yC6zoz2-vvEINJ9v

## Support

For any additional information or support, feel free to contact me: https://abdelrahmanbayoumi.github.io/