Welcome to the Yurucamp Indonesia project! This is a modern, full-stack web application designed for the camping community in Indonesia. It allows users to discover camping spots, join events, share activities, and connect with other outdoor enthusiasts.
- Dashboard: Manage your profile, view joined events, and organize your own activities.
- Activities: Share and explore camping stories and activities.
- Events: Find and join community camping events (Open Trip, Gathering, etc.).
- Camp Areas: Discover the best camping spots with detailed information and galleries.
- Community: Connect with other campers.
- Auth: Secure authentication with Google and Email.
This project is a Monorepo consisting of a Frontend and a Backend.
- Framework: React with Vite
- Styling: Tailwind CSS & Shadcn UI
- State/Data: TanStack Query
- Icons: Lucide React
- Runtime: Bun
- Framework: Express.js
- Database: PostgreSQL
- ORM: Drizzle ORM
- Runtime: Bun or Node.js
-
Clone the repository
git clone https://github.com/itsmefdil/yurucamp-web.git cd yurucamp-web -
Install Dependencies
Backend:
cd backend bun installFrontend:
cd ../frontend bun install -
Environment Setup
Create
.envfiles in bothbackendandfrontenddirectories based on.env.example.Backend (
backend/.env):PORT=3000 DATABASE_URL=postgres://user:password@localhost:5432/yurucamp JWT_SECRET=your_secret # ... other config
Frontend (
frontend/.env):VITE_API_URL=http://localhost:3000
-
Database Setup
Ensure your PostgreSQL database is running, then push the schema:
cd backend bun run migrate # Optional: Seed data bun run seed
Open two terminals used to run the frontend and backend concurrently.
Terminal 1 (Backend):
cd backend
bun run devTerminal 2 (Frontend):
cd frontend
bun run devVisit http://localhost:5173 to see the app!
Frontend:
cd frontend
bun run build
# Output in frontend/distBackend:
cd backend
bun run build
# Output in backend/distThis project is an Unofficial Fanpage and is not affiliated with the official Yuru Camp franchise.