Skip to content

Latest commit

 

History

History
67 lines (54 loc) · 1.22 KB

README.md

File metadata and controls

67 lines (54 loc) · 1.22 KB

Jakarta Park Finder Frontend

A React-based web application for finding and exploring parks in Jakarta. Built with Vite, React, Tailwind CSS, and more.

Features

  • Interactive park map using Leaflet
  • Park search functionality
  • User authentication
  • Responsive design with Tailwind CSS
  • Park details and information
  • Toast notifications

Tech Stack

  • React 18
  • Vite
  • React Router DOM v7
  • Axios
  • Leaflet & React Leaflet
  • Tailwind CSS
  • DaisyUI
  • React Toastify

Prerequisites

  • Node.js >= 18.0.0
  • npm or yarn

Installation

  1. Clone the repository

  2. Install dependencies:

npm install
  1. Create .env file in root directory:
VITE_API_URL=https://backend-jakartapark-09fd192d5e5b.herokuapp.com/api
VITE_APP_NAME=Jakarta Park Finder

Development

Run the development server:

npm run dev

Build

Build for production:

npm run build

Deployment

The application is configured for Heroku deployment. To deploy:

  • Install Heroku CLI
  • Login to Heroku
  • Create new Heroku app
  • Push to Heroku:
git push heroku main

Environment Variables