https://github.com/innovatixhub/propertie

React real estate website with Contentful CMS.
https://github.com/innovatixhub/propertie

bootstrap contentful context-api gsap3 javascript react react-icons react-router react-transition-group real-estate

Last synced: 11 days ago
JSON representation

React real estate website with Contentful CMS.

• Host: GitHub
• URL: https://github.com/innovatixhub/propertie
• Owner: innovatixhub
• Created: 2024-11-22T13:56:43.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-22T14:09:30.000Z (2 months ago)
• Last Synced: 2024-11-22T14:39:11.030Z (2 months ago)
• Topics: bootstrap, contentful, context-api, gsap3, javascript, react, react-icons, react-router, react-transition-group, real-estate
• Language: JavaScript
• Homepage: https://propertie.netlify.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# REAL ESTATE REACT WEBSITE

### Real estate responsive website with full functional apartment filters and Contentful CMS.

![propertie-video](https://user-images.githubusercontent.com/61030079/90961870-284f1280-e4ac-11ea-985f-7cbcd99613eb.gif)

## General info

This frontend application works together with this

[rails application](https://github.com/Strevitz)

## Tech info

- The real estate website was written in **React**. I used **Context API** for better data flow in application.

- In a project, I wanted to learn content flow and how to build simple filter components, apartments details. Also I learned how to use **React-Icons** to style icons directly in React components and **React-Hamburger** plug in.

![real-estate-presentation-laptop](https://user-images.githubusercontent.com/61030079/90545409-e579fb80-e188-11ea-9afa-0196b330ef3f.png)

![real-estate-presentation-phone](https://user-images.githubusercontent.com/61030079/90545469-fd517f80-e188-11ea-853c-898c13fa1948.png)

## Technologies

- Javascript

- Contentful

- React

- React Router

- React-Transition-Group

- React-icons

- Context API

- Bootstrap-React

- GSAP

- Jest

## Setup

To run this project, install it locally using npm:

```sh

$ npm install

$ npm start

```

## Link to app

Go to this [link](https://propertie.netlify.app/) and choose your favourite apartment.

## Link to Rails Application

[rails application](https://github.com/Strevitz/real-estate-website)