This is a simple To-Do List application built using TypeScript, Angular, Material UI, and Postgres. The app allows users to create a to-do list and translate the list items into 1 other language using Google/MS AI translation.
Clone the repository from GitHub;
`git clone https://github.com/Kaaribu/angular-todo
cd todo-list-app
npm install
Run the json-server for the database:
json-server --watch db.json
Start the application by running ng serve
- Navigate to
http://localhost:4200
in your browser to use the application. - Signup or login to the application.
- Add items to the to-do list.
- Click the "Translate" button to translate the items into 1 other language.
- Logout from the application.
- As an admin, you can access the admin UI by navigating to
http://localhost:4200/admin
in your browser. - Click on a user to view their usage history and whether they have clicked the "Translate" button.
To run automated tests for the application, run the following command:
npm test
- Implemented ngrx store for the translate button
- Added GitHub Actions for CI/CD on code push to master
- Implemented UI testing
Angular 14, Material UI, Firebase, Google Cloud
- Author: Karabo Masalesa - My Github link