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.

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.

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 - The web framework used.
• 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/