Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muslehud77/flightbooking-client
https://github.com/muslehud77/flightbooking-client
axios daisyui react react-router shadcn-ui tailwindcss tanstack-query vite
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/muslehud77/flightbooking-client
- Owner: Muslehud77
- Created: 2024-06-20T06:09:40.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-22T07:47:37.000Z (5 months ago)
- Last Synced: 2024-06-22T19:16:23.041Z (5 months ago)
- Topics: axios, daisyui, react, react-router, shadcn-ui, tailwindcss, tanstack-query, vite
- Language: JavaScript
- Homepage: https://flightbooking1234.netlify.app/
- Size: 327 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flight Booking Project
This is a basic flight booking project where you can search for and book flights. The project uses the ShadCN UI library for the frontend. This README file provides instructions on how to set up the project.
## Prerequisites
Before you begin, ensure you have met the following requirements:
- Node.js (v14 or higher)
- npm (v6 or higher)
## Getting Started
Follow these steps to set up and run the project locally.
### 1. Clone the repository
```bash
git clone https://github.com/Muslehud77/flightBooking-client.git
cd flightBooking-client
```
### 2. Install dependencies
```bash
npm install
```
### 3. Set up the environment variables
Create a `.env.local` file in the root directory of the project and add the following content:
```
BASE_URL=https://example.com/api
```
Replace `https://example.com/api` with the appropriate API endpoint you intend to use.
### 4. Run the development server
```bash
npm run dev
```
This will start the development server and you can access the project at `http://localhost:5173/`.
### 5. Build the project
To build the project for production, run:
```bash
npm run build
```
### 6. Preview the build
To preview the production build locally, run:
```bash
npm run preview
```
### 7. Lint the code
To lint the code and check for errors, run:
```bash
npm run lint
```
## Project Structure
- `src/`: Contains the source code of the project.
- `public/`: Contains static assets.
- `.env.local`: Environment variables file.
## Scripts
- `dev`: Starts the development server using Vite.
- `build`: Builds the project for production.
- `lint`: Lints the code using ESLint.
- `preview`: Previews the production build.
## Server Repository
The server-side code for this project can be found in the following repository:
[Flight Booking Server](https://github.com/Muslehud77/flightBooking-server)
---
Feel free to reach out if you have any questions or need further assistance. Happy coding!