https://github.com/belmeetmule/homely
Homely is a booking application that enable users to view list of houses, add and remove houses, book a visit and see bookings. Homely is designed in such a way that the front-end is decoupled from the back-end to make it scalable and maintainable. Built using Ruby on Rails back-end and React front-end.
https://github.com/belmeetmule/homely
booking-system full-stack-application javascript react-bootstrap react-frontend redux ror-api
Last synced: about 2 months ago
JSON representation
Homely is a booking application that enable users to view list of houses, add and remove houses, book a visit and see bookings. Homely is designed in such a way that the front-end is decoupled from the back-end to make it scalable and maintainable. Built using Ruby on Rails back-end and React front-end.
- Host: GitHub
- URL: https://github.com/belmeetmule/homely
- Owner: belmeetmule
- License: mit
- Created: 2023-06-02T21:23:10.000Z (about 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-06-02T22:04:49.000Z (about 2 years ago)
- Last Synced: 2024-10-03T12:28:47.447Z (8 months ago)
- Topics: booking-system, full-stack-application, javascript, react-bootstrap, react-frontend, redux, ror-api
- Language: JavaScript
- Homepage: https://homelyheaven.netlify.app/
- Size: 453 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Hello React Frontend ](#-hello-react-frontend-)
- [Kanban Board](#kanban-board)
- [Screenshot of of the initial state of the Kanban board](#screenshot-of-of-the-initial-state-of-the-kanban-board)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage ](#usage-)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Author ](#-author-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
# 📖 Hello React Frontend
**Homely-frontend** is an implemention of a connection between Ruby on Rails back-end and React front-end. [Homely-backend](https://github.com/belmeetmule/homely-backend) handles the backend API, and [Hello React Frontend](https://github.com/Wahaj-Ali/homely-frontend) handles the frontend UI to display a random greeting message.
## Kanban Board
We are a team of 4 members.
- [Wahaj Ali](https://github.com/Wahaj-Ali)
- [Mulugeta Belete](https://github.com/belmeetmule)
- [Oshie](https://github.com/akhror-valiev)
- [Chukwuma Paul Mosanya](https://github.com/blase147)
[Kanban Board](https://github.com/belmeetmule/homely-backend/projects/1)
### Screenshot of of the initial state of the Kanban board
Client
Server
- Booking a house reseravtion.
- Add a new house.
- Delete a house.
- My reservations page only for the logged-in users.
- Responsive Design.
- State Management using Redux toolkit.
- Use latest ES6 modules.
- Design inspired by a Behance App design.
- Axios for making HTTP requests from the server.
- Use Swiperjs library to create the slider for the main-page.
- [Homely](https://homelyheaven.netlify.app/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- [API](https://github.com/belmeetmule/homely-backend)
- [git](https://git-scm.com/)
- [node.js](https://nodejs.org/en/)
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
### Setup
Clone this repository to your desired folder:
```
git clone [email protected]:Wahaj-Ali/homely-frontend.git
cd homely-frontend
```
### Install
Install thr project dependencies with:
```
npm install
```
To run the project, execute the following command:
```
npm start
```
### Run tests
To run the test, execute the following command:
```
npm test
```
### Deployment
You can deploy this project using:
```
npm run deploy
```
👤 **Chukwuma Paul Mosanya**
- [GitHub](https://github.com/blase147)
- [Twitter](https://twitter.com/ChukwumaMosanya)
- [LinkedIn](https://www.linkedin.com/in/chukwuma-mosanya)
👤 **Wahaj Ali**
- [GitHub](https://github.com/Wahaj-Ali)
- [Twitter](https://twitter.com/Ali96Wahaj)
- [LinkedIn](https://www.linkedin.com/in/wahaj-ali96)
👤 **Mulugeta Belete**
- [GitHub](https://github.com/belmeetmule)
- [Twitter](https://twitter.com/belmeetmule)
- [LinkedIn](https://www.linkedin.com/in/mulugeta-belete/)
👤 **Akhror Valiev**
- [GitHub](https://github.com/akhror-valiev)
- [Twitter](https://twitter.com/oshie0115)
- [LinkedIn](https://www.linkedin.com/in/oshie0115/)
- Add more details about the houses.
- Add a search bar to search for houses.
- Update the style for a modern design.
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Wahaj-Ali/homely-frontend/issues).
If you like this project and want to support me make cooler projects Give this project a Star.
Thank you to [Murat Korkmaz](https://www.behance.net/muratk) for the design ideas provided.
This project is [MIT](./LICENSE) licensed.