Code Monkey home page Code Monkey logo

belmeetmule / homely Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 2.0 464 KB

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.

Home Page: https://homelyheaven.netlify.app/

License: MIT License

JavaScript 71.34% HTML 2.68% CSS 5.36% SCSS 20.62%
booking-system full-stack-application react-bootstrap react-frontend ror-api javascript redux

homely's Introduction

๐Ÿ“— Table of Contents

๐Ÿ“– Hello React Frontend


Homely-frontend is an implemention of a connection between Ruby on Rails back-end and React front-end. Homely-backend handles the backend API, and Hello React Frontend handles the frontend UI to display a random greeting message.

Kanban Board

We are a team of 4 members.

Kanban Board

Screenshot of of the initial state of the Kanban board

236180746-4812d9c4-2204-47ea-9a9c-10adf7b3c6a6

236180950-a9b6aa9d-3973-4424-9cc1-f9f9f00f0917

๐Ÿ›  Built With

Tech Stack

Client
Server

Key Features

  • 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.

(back to top)

๐Ÿš€ Live Demo

(back to top)

๐Ÿ’ป Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

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

Usage

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

(back to top)

๐Ÿ‘ฅ Author

๐Ÿ‘ค Chukwuma Paul Mosanya

๐Ÿ‘ค Wahaj Ali

๐Ÿ‘ค Mulugeta Belete

๐Ÿ‘ค Akhror Valiev

(back to top)

๐Ÿ”ญ Future Features

  • Add more details about the houses.
  • Add a search bar to search for houses.
  • Update the style for a modern design.

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project and want to support me make cooler projects Give this project a Star.

(back to top)

๐Ÿ™ Acknowledgments

Thank you to Murat Korkmaz for the design ideas provided.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

homely's People

Contributors

belmeetmule avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.