Skip to content

hafsamubarak/Crud-ToDo

Repository files navigation

WEBWAngularFirebaseCRUD

  • It's a simple Todo App that enables the user to add, edit and delete his todos.

Installation and setup:

  1. clone this reprository or you can download it as a zip Folder.
  2. make sure you've installed Angular CLI(if you haven't you can look below) and NPM.
  3. in the IDE terminal write this comman "npm install OR npm i"
  4. to run the app write this command "ng serve -o"

This project was generated with Angular CLI version 13.0.1.

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

App Features

Once the user opens the app he should sign up first then login to be able to add his Todos. in the home page the user could add his own Todo and edit it, mark it as completed or not and delete it. in the todo list page the user could see his added todos and also edit, delete or mark them done.

Future Work

create USer Profile displaying the user's information. The uer will be able to upload his personal image. The user will be able to edit his information. Enhance the UI/UX of the app.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published