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

https://github.com/herikerbeth/homes-app-angular

This is an Angular application that lists houses for rent and shows the details of individual houses. Users can search for houses by city, view detailed information about each property including photos, available units, wifi, laundry.
https://github.com/herikerbeth/homes-app-angular

angular css cypress e2e-tests html typescript

Last synced: about 1 month ago
JSON representation

This is an Angular application that lists houses for rent and shows the details of individual houses. Users can search for houses by city, view detailed information about each property including photos, available units, wifi, laundry.

Awesome Lists containing this project

README

          

# Homes App
[![NPM](https://img.shields.io/npm/l/react)](https://github.com/herikerbeth/homes-app-angular/blob/edit-readme/LICENSE)

This is an Angular application that lists houses for rent and shows the details of individual houses. Users can search for houses by city, view detailed information about each property including photos, available units, wifi, laundry.

## Features
- Search by City
- Detailed Property Information
- User Data Collection
- Backend Integration

## Layout
![Landing page](https://raw.githubusercontent.com/herikerbeth/assets/main/homes-app-angular/homes-app-landing-page.png)

![Details page](https://raw.githubusercontent.com/herikerbeth/assets/main/homes-app-angular/homes-app-details-page.png)

# 💻 Technologies
- Angular
- TypeScript
- HTML and CSS
- Angular Forms
- HTTPClient

# 🚀 Getting started

What You Need:
- Node.js

## Installing the project

First you must clone the repository.
```bash
# clone repository
$ git clone https://github.com/herikerbeth/homes-app-angular.git

# enter the project folder
$ cd homes-app-angular
```

Run this command to install the dependencies needed to run the app.
```bash
# install dependencies
$ npm install
```

## Starting
Now, we will run the JSON Server.
```bash
# run the json server
$ json-server db.json
```
Finally, run this command to build and serve the app.
```bash
# run the project
$ ng serve
```

In a web browser on your development computer, open `http://localhost:4200`

## Usage
- Use the search bar to find houses in a specific city.
- Click on `Learn More` to view detailed information about the property.
- Fill out the user data form to submit your information to the app service.

# Author

Herik Erbeth

https://www.linkedin.com/in/herik-erbeth

## Contributing
Contributions are welcome! Please fork the repository and submit a pull request.

1. Fork the repository
2. Create a new branch (`git checkout -b feature/your-feature`)
3. Commit your changes (`git commit -m 'Add some feature'`)
4. Push to the branch (`git push origin feature/your-feature`)
5. Open a pull request

## License
This project is licensed under the MIT License - see the [LICENSE](https://github.com/herikerbeth/homes-app-angular/blob/edit-readme/LICENSE) file for details.