This project is a replica of a tutorial series on YouTube provided by Angular where I followed step-by-step to build an Angular website displaying housing rent offers across the USA. The project was implemented using (at this time) the latest version of Angular - v18. All CSS files and assets (including property photos) used in this project were downloaded from the resources provided in the tutorial series.
The website allows users to view various housing rent offers in the USA. Each offer can be clicked to view more details. There's also a search bar implemented to filter the results by city. Additionally, each housing offer details page contains a form where users can input their name, last name, and email to apply for the offer. These values are currently logged to the console for demonstration purposes.
- Display of housing rent offers across the USA.
- Clickable offers to view details.
- Search functionality to filter results by city.
- Application form on offer details page to input name, last name, and email.
- Console logging of form inputs for application.
- Angular: Frontend framework used for building the website.
- HTML/CSS: Basic structure and styling for the components.
- TypeScript: Programming language used within Angular.
To run the project locally, make sure you have Node.js installed. You can download it from nodejs.org.
- Clone this repository:
git clone https://github.com/22skowron/House-Rental-Webpage.git
- Navigate into the project directory:
cd House-Rental-Webpage
- Install dependencies:
npm install
- Run the development server:
ng serve
- Open your browser and navigate to
http://localhost:4200/
to view the website.
All CSS files and assets used in this project (including property photos) were downloaded from the resources provided in the tutorial series.
- YouTube Tutorial Series by Angular: Angular Crash Course for Beginners