https://github.com/pdy1207/flightbooking-website

This is a clean and responsive Flight Booking Website✈️
https://github.com/pdy1207/flightbooking-website

aos project reactjs vite

Last synced: about 1 month ago
JSON representation

This is a clean and responsive Flight Booking Website✈️

• Host: GitHub
• URL: https://github.com/pdy1207/flightbooking-website
• Owner: pdy1207
• Created: 2023-07-14T04:48:04.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-24T14:09:58.000Z (over 2 years ago)
• Last Synced: 2024-01-28T09:43:20.038Z (over 2 years ago)
• Topics: aos, project, reactjs, vite
• Language: SCSS
• Homepage: https://pdy1207.github.io/flightBooking-website/
• Size: 11.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  



# flightBooking-website

> **도영 Company** 
 **개발기간: 2023.07 ~ 2023.07 약 2 ~ 3주**

## 배포 주소

> **Git Hub** : [pdy1207.github.io/flightBooking-website/](https://pdy1207.github.io/flightBooking-website/) 


## 웹 개발팀 소개

|      박도영       |                                                                                               

| :------------------------------------------------------------------------------: | 

|       |  

|   [@pdy1207](https://github.com/pdy1207)   |   

| Web Dev | 

## 프로젝트 소개

돈 많이벌어서 세계일주가 꿈이지만, 현생이 바빠 웹으로 제작해보았습니다. 또한, React로서 제작한 비트코인 페이지에 이어 두번째 개인 프로젝트입니다. 사실 그것보다 이걸 더빨리 완성했다는... 원래는 예약 앱을 만들고 싶어하였지만, 웹으로서 먼저 제작을 해보고싶었으며 마찬가지로 React 문법의 이해와 응용력에 대하여 초점을 두게 되었으며, 백엔드 까지는 제작을 안하게 되었지만, 최대한 실제 서비스를 할 수 있는 마음가짐으로 제작하게 되었습니다. 해당 이미지 비디오는 무료 사이트를 이용해서 가져오게 되었습니다.

#### flightBooking-website will share the knowledge of programming.

Improved understanding and application of React + vite + Sass composition.

#### flightBooking-website's website will give you a learning-friendly environment.

Our website supports the following component.

1. Book an overseas trip with one click?!

2. Introducing the best destinations of the month!

3. Our exclusive lounge

## 시작 가이드

### Requirements

For building and running the application you need:

- [Node.js 16.17.1](https://nodejs.org/ca/blog/release/v16.17.1/)

- [Npm 8.15.0](https://www.npmjs.com/package/npm/v/8.15.0)

- [React 18.2.0](https://github.com/facebook/react/blob/main/CHANGELOG.md#1820-june-14-2022)

- [AOS 2.3.4](https://michalsnik.github.io/aos/)

- [Sass13.2.1](https://www.npmjs.com/package/sass-loader)

- [React Icons](https://react-icons.github.io/react-icons/)

- [SCROLL](https://scrollbar.app/)

- [noonnuFont](https://noonnu.cc/)

- [IMAGE](https://www.pexels.com/ko-kr/)

- [VIDEO](https://pixabay.com/videos/sea-beach-ocean-horizon-water-6399/)

### Installation

``` bash

$ git clone https://github.com/pdy1207/flightBooking-website.git

$ cd flightBooking-website

$ npm run dev

```

## Stacks 🔧

### Environment

![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-007ACC?style=for-the-badge&logo=Visual%20Studio%20Code&logoColor=white)

![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=Git&logoColor=white)

![Github](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=GitHub&logoColor=white)             

### Development

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=Javascript&logoColor=white)

![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=Sass&logoColor=fff)

### Config

![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)      

![vite](https://img.shields.io/badge/vite-646CFF?style=for-the-badge&logo=vite&logoColor=fff)

## 화면 소개 🏠

| 메인 페이지  |  예약 페이지   |

| :-------------------------------------------: | :------------: |

|   |  |  

| 세부 일부 페이지   |   세부 일부 페이지   |  

|    |       |

## ISSUES

- [VITE REACT 배포](https://doridori-samsam.tistory.com/31)