https://github.com/tariqs26/yelpcamp-client
Full-stack campground review app
https://github.com/tariqs26/yelpcamp-client
bootstrap5 mapbox react react-query react-router typescript
Last synced: about 2 months ago
JSON representation
Full-stack campground review app
- Host: GitHub
- URL: https://github.com/tariqs26/yelpcamp-client
- Owner: tariqs26
- License: mit
- Created: 2023-02-03T04:28:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-23T01:48:37.000Z (3 months ago)
- Last Synced: 2025-04-29T16:13:03.193Z (about 2 months ago)
- Topics: bootstrap5, mapbox, react, react-query, react-router, typescript
- Language: TypeScript
- Homepage:
- Size: 9.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# YelpCamp
Full-stack application, where users can share and review campground locations built with the [MERN stack](https://www.mongodb.com/mern-stack).
More Screenshots
## Technologies Used
**Frontend:** [React.js](https://reactjs.org/), [React Router](https://reactrouter.com/), [React Query](https://react-query.tanstack.com/), [React-Bootstrap](https://react-bootstrap.github.io/), [Mapbox](https://www.mapbox.com/), [Vite](https://vitejs.dev/)
**[Backend](https://github.com/tariqs26/yelpcamp-server):** [Node.js](https://nodejs.org/), [Express.js](http://expressjs.com/), [Mongoose](https://mongoosejs.com/), [Passport](http://passportjs.org/), [MongoDB](https://mongodb.com/), [Swagger](https://swagger.io/)
## Setup
**1. Clone the repo**
```bash
git clone https://github.com/tariqs26/yelpcamp-client.git
cd yelpcamp-client
```
**2. Install dependencies**
```bash
npm i
```
**3. Configure environment variables**
Create a `.env` file in the root directory and add the following environment variables:
```bash
VITE_API_URL= # Backend API URL
VITE_MAPBOX_TOKEN= # Mapbox API token
```
**4. Start the development server**
```bash
npm run dev
```
Open to view the app in the browser.
## Available Scripts
| Script | Description |
| ----------------- | ------------------------------------------------------------- |
| `npm run build` | Build the app for production |
| `npm run preview` | Preview the production build |
| `npm run dev` | Run the app in the development mode () |
| `npm run format` | Format using Prettier |
| `npm run lint` | Lint using Biome |