Switzerland Places Guide

A simple React app built with Vite to explore notable places in Zurich, Lucerne, and Geneva. The app features a responsive UI, navigation, and interactive modals.

Features

• Browse famous places in Zurich, Lucerne, and Geneva
• View details for each place
• Modal popups for additional info
• Live clock in the navigation bar
• Clean, modular React component structure

Project Structure

src/
  App.jsx
  main.jsx
  index.css
  components/
    Nav/
    Home/
    Places/
    PlaceItem/
    PlacesList.jsx
    Button/
    Modal/
    Link/
  data/
    data.js
  Hooks/
    useTime.js
public/
  vite.svg
index.html
vite.config.js
eslint.config.js

Getting Started

Prerequisites

• Node.js (v18 or newer recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/shan0102/react.git
   cd vite-project

2. Install dependencies:

   npm install

Development

Start the development server:

npm run dev

Open http://localhost:5173/react in your browser.

Build

To build for production:

npm run build

Lint

To run ESLint:

npm run lint

Deployment

This project is configured to deploy to GitHub Pages. To deploy:

npm run deploy

License

MIT

---

Made with Vite and React