gaetanBloch / todo-angular-front

Angular front-end for the Todo List Application

Home Page:https://gbloch-todo-list.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Todo Application Front-End

The application was built using Angular 9 and Bootstrap 4. It is an Angular based front-end for a Todo List Application.

The Full Stack Application with Spring back-end was deployed on Heroku, to access it, click here.

To see the back-end of this application implemented with Java Spring, see here.

Running Application Process on your computer

  1. Download the application by Clicking this link
  2. Unzip the application
  3. Download and Install node.js
  4. Open a terminal
  5. Make sure you have the latest version of the Angular CLI, if not:
    • Run npm uninstall -g angular-cli @angular/cli
    • Run npm cache clean --force
    • Run npm install -g @angular/cli
  6. Move to the root of the application
  7. Run npm install
  8. Run npm start
  9. Navigate to http://localhost:4200/ with your favourite browser

Warning! You will get Errors if you are not running a back-end on http://localhost:8080 with the right REST API like here.

Application

Login Page

Login Page

Signup Page

Signup Page

Welcome Page

Welcome Page

Welcome Page Responsive

Welcome Page Responsive 1 Welcome Page Responsive 2

Todo List

Todo List

Create Todo

Create Todo

Update Todo

Update Todo

404 NOT FOUND

404 Not Found

About

Angular front-end for the Todo List Application

https://gbloch-todo-list.herokuapp.com/


Languages

Language:TypeScript 63.5%Language:HTML 26.4%Language:CSS 5.6%Language:JavaScript 4.6%