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.
- 🏠 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.
Follow these steps to set up and run the application on your local machine.
Before you begin, ensure you have the following installed on your system:
- Node.js (version 18 or higher)
- Angular CLI (latest version)
- JSON Server (for mock backend)
- Clone the Repository:
git clone <repository-url>
cd <repository-directory>- Install Dependencies:
npm install- Start the JSON Server: Launch the mock backend to serve the housing location data:
json-server --watch db.json- Start the Angular Development Server: In a separate terminal, run:
ng serve- Access the Application: Open your browser and navigate to
http://localhost:4200.
For a step-by-step, interactive explanation of this application, visit the official Angular tutorial: Your First App. This tutorial provides an excellent guide to understanding the fundamental concepts used in this application.