Uzzy97 / Data-Representation-Querying-Project

Third Year Project: A Web Page Using The Latest Angular (Angular 6). This Application Shows How User Input Can Be Saved To A Database & How It Can Be Edited.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction

This project shows you a display of Audi vehicles. It is a colourful and user friendly application which allows users to browse through the web page and click on a car which will lead to a the original Audi dealership in Manchester. In this web page users can subscribe by going to the subscription page. There is also a valid contact page. Only the user input which is typed and added in the subscription is saved properly in the database and they user may delete it is they wish to.

Homepage

The homepage consists of a beautiful layout and colour combination. The navigation menu has a background image. Within the homepage in the body, we have a single image. Under the image we have a table with three sample cars. On click, it will lead you to their official site.

Used Cars

This page consists of a table format with six cars displaying. As a background we are using a stone image to make the images stand out. But before that we have a landing image which goes perfectly with the navigation bar.

Feedback

This is the most important page on the website and the most active one also. Users can add information that can be saved in our database. If the user wishes to deleted it, they are able to delete it too.

  1. We ask users to input their "First Name", "Surname", "Telephone", "Occupation", "Feedback".
  2. Once user entered details and clicked "Submit Feedback", details are saved and can be viewed on our "View Feedbacks" page.

View / Edit Feedback

Here we show and display our customers details in orderly way

  1. Once user entered details on the "Add Feedback" page and clicked "Submit Feedback", they can view their details here on this page.
  2. Users can view, edit and delete their input from the "View Feedbacks" Page.
  3. Our database either will be updated.

Contact

About

Third Year Project: A Web Page Using The Latest Angular (Angular 6). This Application Shows How User Input Can Be Saved To A Database & How It Can Be Edited.


Languages

Language:TypeScript 41.5%Language:HTML 33.7%Language:JavaScript 13.0%Language:CSS 11.8%