/Kefi-Hotel-App-Frontend

HOTEL BOOKING is the final capstone project done by a group of four, this is the frontend that takes data from the backend created with ruby on rails by getting the data through api.It consist of a splash page and login, registration, main, delete, add hotel, delete hotel and reserve hotels.

Primary LanguageJavaScriptMIT LicenseMIT

Final-Capstone-back-end

📗 Table of Contents

HOTEL BOOKING APP

HOTEL BOOKING is the final capstone project done by a group of four, this is the frontend that takes data from the backend created with ruby on rails by getting the data through api.It consist of a splash page and login, registration, main, delete, add hotel, delete hotel and reserve hotels.

ScreenShots of the APP

Splash

Splash

Splash

Splash

Design

🛠 Built With

  • REACT
  • JavaScript
  • Redux Toolkits
  • Bootstrap

Tech Stack

Server Client
  • FRONTEND
  • front to top

    Live Server

    KEFI HOTEL BOOKING APP

    Demo USer

    Key Features

    • Created an API endpint by rails.
    • Get the api from rails using cors
    • Created a react app
    • Used redux to manage the state
    • Used react router to navigate through the pages
    • Used react hooks to manage the state

    💻 Getting Started

    Prerequisites

    • Make sure you have Ruby installed in your system. You can install it here

    • Get started with REACT.

    • Make sure you have PostgreSQL installed and running.

    Setup

    • Clone this repository by running git clone https://github.com/felixDev22/Final-Capstone-Frontend.git in your command line.

    • Navigate to the repository by running cd Final-Capstone-Frontend.

    Install

    • Run bundle install to install all the gems.

    Run

    • Run npm install
    • Run npm start
    • In your browser, go to http://localhost:3001.

    front to top

    👥 Authors

    👤 DIABY MOHAMMED IBRAHIM

    👤 KENNEDY OWUSU

    👤 Felix Nzomo Nyamai

    👤 Maaloum Ely Cheikh

    back to top

    🔭 Future Features

    • Better user interface

    back to top

    🖼 Kanban Board

    Here is the link to the KANBAN-BOARD The before: image (1)

    The after: image (2)

    back to top

    Number of Team

    There are four collaborators in this team

    back to top

    🤝 Contributing

    Contributions, issues, and feature requests are welcome!

    Feel free to check the issues page

    back to top

    ⭐️ Show your support

    Give a ⭐️ if you like this project!

    back to top

    🙏 Acknowledgments

    • I would like to thank all code reviewers and coding partners for making this project better.

    (back to top)

    📝 License

    This project is MIT licensed.

    back to top