StaySpot

StaySpot is a modern web application for booking vacation rentals. With a clean and user-friendly interface, users can browse listings, view details, and make reservations for their next getaway.

Features

• Search Filters: Find vacation rentals by location, price, and availability.
• Interactive Map: View properties on a map using Leaflet.
• Responsive Design: Optimized for both desktop and mobile devices.
• Detailed Property Listings: Includes descriptions, pricing, and ratings.

Tech Stack

The application is built using the following technologies:

• Frontend:
  • React (v18.3.1)
  • React Router DOM (v7.0.1)
  • React Day Picker (v9.4.0)
  • React Markdown (v9.0.1)
  • Lucide React (v0.453.0)
  • Leaflet (v1.9.4)
  • React Leaflet (v4.2.1)
  • TailwindCSS (v3.4.14)
• Build Tools:
  • Vite (v5.4.6)
  • TypeScript (v5.5.3)
• Utilities:
  • Date-FNS (v4.1.0)

Installation

To run the application locally:

1. Clone the repository:

   git clone <repository-url>
   cd stayspot
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

The app will be available at http://localhost:3000/.

Scripts

• npm run dev: Starts the development server.
• npm run build: Builds the application for production.
• npm run preview: Previews the production build.
• npm run lint: Runs ESLint to check for code quality.

Development Dependencies

• Linting: ESLint
• CSS Utilities: PostCSS, Autoprefixer
• TypeScript: For type safety and static code analysis