https://github.com/felixdev22/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.
https://github.com/felixdev22/kefi-hotel-app-frontend
api reactjs redux thunk
Last synced: over 1 year ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/felixdev22/kefi-hotel-app-frontend
- Owner: felixDev22
- License: mit
- Created: 2023-05-10T13:17:03.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-23T14:19:58.000Z (about 2 years ago)
- Last Synced: 2025-03-24T10:50:13.874Z (over 1 year ago)
- Topics: api, reactjs, redux, thunk
- Language: JavaScript
- Homepage: https://kefi-hotel-booking.netlify.app/
- Size: 9.52 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Final-Capstone-back-end
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [Hello world- ](#hello-world--)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Run](#run)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🖼 Kanban Board ](#-Kanban-Board-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
FINAL-CAPSTONE-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.
## ScreenShots of the APP
- [Figma design](https://www.figma.com/file/2XW31wy6dXFS6vEbCpEWuo/Hotel-booking-app?type=design&node-id=0-1&t=NgA8zpxRbINmxtoE-0)
- REACT
- JavaScript
- Redux Toolkits
- Bootstrap
Server
Client
[KEFI HOTEL BOOKING APP](https://kefi-hotel-booking.netlify.app/)
### Demo USer
- email : ali@gmail.com
- password : 123456
- 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
### Prerequisites
- Make sure you have Ruby installed in your system. You can install it [here](https://www.ruby-lang.org/en/documentation/installation/)
- Get started with [REACT](https://guides.rubyonrails.org/getting_started.html).
- Make sure you have [PostgreSQL](https://www.postgresql.org/) 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`.
👤 **DIABY MOHAMMED IBRAHIM**
- [GitHub](https://github.com/elixDev22)
- [Twitter](https://twitter.com/kingibro345)
- [LinkedIn](https://www.linkedin.com/in/elixDev22/)
👤 **KENNEDY OWUSU**
- [GitHub](https://github.com/kennedyowusu)
- [Twitter](https://twitter.com/_iamkobby)
- [LinkedIn](www.linkedin.com/in/kennedy-owusu)
👤 **Felix Nzomo Nyamai**
- [GitHub](https://github.com/felixDev22)
- [Twitter](https://twitter.com/monzo200)
- [LinkedIn](https://www.linkedin.com/in/felixnyamai/)
👤 **Maaloum Ely Cheikh**
- [GitHub](https://github.com/maaloum)
- [Twitter](https://www.linkedin.com/in/ely-cheikh-maaloum-075a79135/)
- [LinkedIn](https://www.linkedin.com/in/ely-cheikh-maaloum-075a79135/)
- [ ] **Better user interface**
Here is the link to the [KANBAN-BOARD](https://github.com/users/felixDev22/projects/2/views/1)
The before:
The after:
**There are four collaborators in this team**
- [IBRAHIM](https://github.com/dmambo)
- [MAALOUM](https://github.com/maaloum)
- [FELIX](https://github.com/felixDev22)
- [KENNEDY](https://github.com/kennedyowusu)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/felixDev22/Final-Capstone-back-end.git/issues)
Give a ⭐️ if you like this project!
- I would like to thank all code reviewers and coding partners for making this project better.
This project is [MIT](./LICENSE) licensed.