https://github.com/fkucukkara/angularworkshop

This project is a beginner-friendly Angular application that demonstrates key concepts such as components, services, and routing.
https://github.com/fkucukkara/angularworkshop

angular component db-server dependency-injection http-requests routing

Last synced: about 9 hours ago
JSON representation

This project is a beginner-friendly Angular application that demonstrates key concepts such as components, services, and routing.

• Host: GitHub
• URL: https://github.com/fkucukkara/angularworkshop
• Owner: fkucukkara
• Created: 2025-01-06T14:15:01.000Z (9 days ago)
• Default Branch: main
• Last Pushed: 2025-01-06T14:42:35.000Z (9 days ago)
• Last Synced: 2025-01-06T15:43:05.424Z (9 days ago)
• Topics: angular, component, db-server, dependency-injection, http-requests, routing
• Language: TypeScript
• Homepage:
• Size: 51.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Simple Angular Workshop Application

Welcome to the **Simple Angular Workshop Application**! This project is a beginner-friendly Angular application that demonstrates key concepts such as components, services, and routing. It provides users with the ability to explore housing locations, filter them by city, view detailed information, and apply for housing.

---

## ✨ Features

- 🏠 **Browse Housing Locations**: View a comprehensive list of housing options in an intuitive layout.

- 🔍 **Filter by City**: Quickly find housing in a specific city using the search filter.

- 📋 **Detailed Information**: Access detailed descriptions and features of each housing location.

- 📝 **Apply for Housing**: Submit an application for your preferred housing location with ease.

---

## 🚀 Getting Started

Follow these steps to set up and run the application on your local machine.

### ✅ Prerequisites

Before you begin, ensure you have the following installed on your system:

- **[Node.js](https://nodejs.org/)** (version 18 or higher)

- **[Angular CLI](https://angular.io/cli)** (latest version)

- **[JSON Server](https://github.com/typicode/json-server)** (for mock backend)

### 📦 Setup and Run

1. **Clone the Repository**:

```bash

    git clone 

   cd 

```

2. Install Dependencies:

```bash

    npm install

```

3. Start the JSON Server: Launch the mock backend to serve the housing location data:

```bash

    json-server --watch db.json

```

4. Start the Angular Development Server: In a separate terminal, run:

```bash

    ng serve

```

5. Access the Application: Open your browser and navigate to `http://localhost:4200`.

## 📚 Learn More

For a step-by-step, interactive explanation of this application, visit the official Angular tutorial: **[Your First App](https://angular.dev/tutorials/first-app)**. This tutorial provides an excellent guide to understanding the fundamental concepts used in this application.