https://github.com/dipeshtwis/find-your-house-frontend

A frontend web app that allows the user to browse houses and add them to their favorites list. Built with React and Redux and connected to a backend API build using Rails.
https://github.com/dipeshtwis/find-your-house-frontend

axios reactjs redux restful-api

Last synced: 21 days ago
JSON representation

A frontend web app that allows the user to browse houses and add them to their favorites list. Built with React and Redux and connected to a backend API build using Rails.

• Host: GitHub
• URL: https://github.com/dipeshtwis/find-your-house-frontend
• Owner: Dipeshtwis
• Created: 2021-01-23T12:10:53.000Z (almost 4 years ago)
• Default Branch: develop
• Last Pushed: 2021-04-27T15:32:33.000Z (over 3 years ago)
• Last Synced: 2024-10-08T00:21:29.001Z (about 1 month ago)
• Topics: axios, reactjs, redux, restful-api
• Language: JavaScript
• Homepage: https://homepointrdeep.herokuapp.com
• Size: 7.93 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Homepointr-frontend

A frontend web app that allow user to browse houses and add them to his favourites list, build with React and Redux and connected to a backend API build using Rails. 



[![View Code](https://img.shields.io/badge/View%20-Code-green)](https://github.com/Dipeshtwis/find-your-house-frontend/)

[![Github Issues](https://img.shields.io/badge/GitHub-Issues-orange)](https://github.com/Dipeshtwis/find-your-house-frontend/issues)

[![GitHub Pull Requests](https://img.shields.io/badge/GitHub-Pull%20Requests-blue)](https://github.com/Dipeshtwis/find-your-house-frontend/pulls)



## 📝 Contents



Built with   |   

Screenshot   |   

Live Demo Link   |   

Getting started   |   

Author



## 🔧 Built with

- React Js

- Redux

- Rails API

- axios

- jest

## Rails Back-End Project

[Rails Code](https://github.com/Dipeshtwis/find-your-house/tree/feature/house)

## Project Screenshot 

## House page

![GUI](src/assets/img/readme/house.png)

## House-Detail Page

![GUI](src/assets/img/readme/detail.png)

## Favourite Page

![GUI](src/assets/img/readme/fav.png)

## Home Page

![GUI](src/assets/img/readme/home.png)

## Live Demo Link 

[Link Demo](https://homepointrdeep.netlify.app/)

## Getting Started 

To get a local copy of the repository please run the following commands on your terminal:

```

$ cd 

```

~~~bash

$ git clone https://github.com/Dipeshtwis/find-your-house-frontend.git

$ cd find-your-house-frontend

~~~

To run on the local server

~~~bash

$ npm start

~~~

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.

## To Test the project

~~~bash

$ npm test

~~~

## ✒️  Authors 

👤 **Dipesh Kumar**

- Github: [@Dipeshtwis](https://github.com/Dipeshtwis)

- Twitter: [@97deepeshkumar](https://twitter.com/97deepeshkumar)

- Linkedin: [dipeshtwis](https://www.linkedin.com/in/dipeshtwis/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Dipeshtwis/find-your-house-frontend/issues).

## 👍 Show your support

Give a ⭐️ if you like this project!

## :clap: Acknowledgements

- Design Idea by: [Alexey Savitskiy](https://www.behance.net/gallery/37706679/Circle-(Landing-page-Dashboard-Mobile-App))

- Microverse: [@microverse](https://www.microverse.org/)

## 📝 License

This project is [MIT](./LICENSE) licensed.