Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/bestbynature/final-group-capstone

This repository hosts a comprehensive full-stack application that synergizes the capabilities of Ruby on Rails, React, and Redux. The application is designed to facilitate the seamless booking of flights to beautiful destinations around the world.
https://github.com/bestbynature/final-group-capstone

rails reactjs redux-thunk restful-api ruby-on-rails

Last synced: 2 months ago
JSON representation

This repository hosts a comprehensive full-stack application that synergizes the capabilities of Ruby on Rails, React, and Redux. The application is designed to facilitate the seamless booking of flights to beautiful destinations around the world.

Awesome Lists containing this project

README 

        
# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 Airline Frontend App](#-airline-frontend-app)

- [🤝Airline Reservation Management System ](#airline-reservation-management-system-)

  - [🧪 Linters ](#-linters-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [💻 API Documentation ](#-api-documentation-)

  - [💻 Kanban Board ](#-kanban-board-)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Frontend $ Backend Testing ](#frontend--backend-testing-)

    - [Usage](#usage)

    - [On Windows](#on-windows)

- [To start the development server](#to-start-the-development-server)

- [To build for production and watch for changes](#to-build-for-production-and-watch-for-changes)

    - [On Ubuntu](#on-ubuntu)

  - [👥 Author ](#-author-)

  - [👥 Authors ](#-authors-)

  - [👥 Authors ](#-authors--1)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)



![login](https://github.com/Bestbynature/final-group-capstone/assets/104390780/017a4051-1807-4f0f-a984-8199878e8863)

![addAFlight](https://github.com/Bestbynature/final-group-capstone/assets/104390780/b11670b2-d1a3-4d4b-b80b-4ad5e1848681)

![reserveForm_mobile](https://github.com/Bestbynature/final-group-capstone/assets/104390780/2a171dfc-1269-41e7-8931-d52cfad950f7)

![reserveForm](https://github.com/Bestbynature/final-group-capstone/assets/104390780/a62c6e45-c6f0-427e-bdc9-ec783d4212c2)

![mainPage](https://github.com/Bestbynature/final-group-capstone/assets/104390780/61a04064-cb02-43da-8dc9-a3481f94cdd2)



# 📖 Airline Frontend App



Welcome to the frontend of the Airline Reservation Project, a cutting-edge application built using React and Redux technologies. Here, you can easily browse and reserve flights of your choice by selecting your preferred flight date date and city city of origin and destination.

Our user-friendly interface allows you to explore a diverse range of flights with detailed information. You can make informed decisions based on real-time availability, ensuring a seamless reservation process.



# [🤝Airline Reservation Management System](https://github.com/Bestbynature/final-group-capstone.git) 



[Air Reservation Management System Backend](https://github.com/Bestbynature/final-group-capstone.git) is just the end point of all the functionality on the Frontend app it is build on Ruby on rails using postgresql as a Database. Proper authorizations of users and authentication of user for creation reservations, flights and cancel them according to role



## 🧪 Linters 

[![Linters](https://github.com/ernestmusong/Booking-app-frontend/actions/workflows/linters.yml/badge.svg)](https://github.com/ernestmusong/Booking-app-frontend/actions/workflows/linters.yml)



## 🛠 Built With 



### Tech Stack 



In this project we utilize our skills and knowledge to create this project



  Project language 

  
    

        
  • JavaScript
    • 

        
  • Ruby on Rails
    • 

        
  • React and Redux
    • 

      



  FrameWork

  



  DataBase

  



  Frontend and Backend FrameWork

  



### Key Features 



- log in

- Sign in

- Responsive

- Book Flight

- Reserve Flight



## 💻 API Documentation 



To get to the API Documentation, go to the link above after starting rails server



localhost:3000/api-docs



(back to top)



## 💻 Kanban Board 



- Click here for the kanban board. Total Number of People in the team: 4 people: @MarwanDev @naji-97 @citec-47 @Bestbynature 



- Github Repo link



![Kanban Board Image](./screenshot_kanban_final_capstone.PNG)

![Kanban Board Image](./screenshot_kanban_final_capstone2.JPG)



(back to top)



## 💻 Getting Started 



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



### Prerequisites



In order to run this project with the [Project Repo](https://github.com/Bestbynature/final-group-capstone.git) you need:



- Node installed in your machine

- Ruby installed in your machine

- Ruby on Rails installed in your machine

- Postgres installed and all password and user being setup

- Any integrated terminal like

  - CMD `preferred`

  - Bash`preferred`

  - PowerShell

  - VsCode

  - etc



### Setup



for cloning follow this steps

- go to green `code` button very top left corner of this Repository container

- copy your `SSH` or `https` file and clone it in your desired folder

- or just download `ZIP` file

- Create `.env` file in root directory and add this line there `port=8000`



Note for [Project repo](https://github.com/Bestbynature/final-group-capstone.git) follow there prerequisites

### Install



Install this project with:



for now you don't need any installation to run project if you already followed [Prerequisites](#prerequisites)



just few dependency packages



npm install

bundle instal



### Frontend $ Backend Testing 

  Backend Testing

  
    

        
  • Backend (RSpec):
    • 

        
  • Command: rspec
    • 

      



  Frontend Testing

  
    

        
  • React UI testing:
    • 

        
  • Command: npm test
    • 

      



### Usage

To run the project, execute the following command:



### On Windows

# To start the development server

rails s



# To build for production and watch for changes

yarn build --watch



###  On Ubuntu



./bin/dev



(back to top)



## 👥 Author 



👤 Author: Damilare



- GitHub: [@githubhandle](https://github.com/Bestbynature)

- Twitter: [@twitterhandle](https://twitter.com/Dammybest)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/damilareismailabestbynature/)



## 👥 Authors 



👤 Naji Ali



- GitHub: [Naji Ali](https://github.com/naji-97)

- LinkedIn: [Naji Ali](https://linkedin.com/in/abdennaji)



👤 MarwanDev



- GitHub: [MarwanDev](https://github.com/MarwanDev)

- Twitter: [@marwanEg](https://twitter.com/marwaneg)

- LinkedIn: [marwan-abdelsattar](https://www.linkedin.com/in/marwan-abdelsattar/)



## 👥 Authors 



👤 Ndonyi Maurice Djam



- GitHub: [@citec-47](https://github.com/citec-47)

- Twitter: [@Ndonyi4](https://twitter.com/Ndonyi4)

- LinkedIn: [@ndonyi-maurice](https://www.linkedin.com/in/ndonyi-maurice-b5b49b22b/)



(back to top)



## 🔭 Future Features 



- [ ] Styling of various webpage

- [ ] Better login and authorization



(back to top)



## 🤝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](../../issues/).



(back to top)



## ⭐️ Show your support 



If you like this project please give it star or buy a coffee for us



(back to top)



## 🙏 Acknowledgments 



We would like to thank microverse for giving this opportunity to show up our skills



and the  Ruby on rails docs 



moving further We want to thank [muratk Korkmaz on Behance](https://www.behance.net/muratk) the [author of the original design](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign) for App Inspiration



(back to top)



## 📝 License 



This project is [GENERAL PUBLIC LICENSE](/LICENSE) licensed.



(back to top)