Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shaygali/city-website

Angular website
https://github.com/shaygali/city-website

angular-cli course-assignment typescript

Last synced: about 2 months ago
JSON representation

Angular website

Host: GitHub
URL: https://github.com/shaygali/city-website
Owner: ShayGali
Created: 2022-06-13T07:33:37.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-09-20T06:22:03.000Z (over 2 years ago)
Last Synced: 2024-10-29T23:11:30.133Z (2 months ago)
Topics: angular-cli, course-assignment, typescript
Language: TypeScript
Homepage:
Size: 1.95 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# City Website

This project was built as part of an Angular course.

The project was to build a website for a specific municipality with the option to edit the information on the website.

[Link to GitHub pages](https://shaygali.github.io/City-Website/)

## Pages

### Home Page

The website home page
![home page img](./app-img/home_page.png)

### Residents

Represents the residents of the city, there are two routes here:

#### Residents Cards

Cards representing the residents with information about them and their photo and a button that takes us to edit the information about that resident.
![residents page img](./app-img/residents.png)

#### Edit Residents

This page allows us to edit the information about that resident, The information will change throughout the app in real time.
![edit residents page img](./app-img/edit_resident.png)

### Event Page

Represents the events of the city, there are two routes here:

#### Events Table

This page has a table with all the events that are in the city.
The color of the number of participants varies according to their quantity.

At the end of each column there is a button that allows you to edit the information about that event
![events page img](./app-img/events.png)

#### Edit Event Page

This page allows us to edit the information about that event, the information will change throughout the app in real time.
![edit event page img](./app-img/edit_event.png)

### Bussiness Page

This page contains the table of businesses in the city. The background color varies according to the average profit of the business.![bussiness page img](./app-img/bussiness.png)

### Employees Page

This page has the table of the outstanding employees of the month. The background color varies according to the employee's salary
![employees page img](./app-img/employees.png)

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.5.

## Install Dependencies

Run `npm install` for install project 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.