Skip to content

SnowyCrest/Discover_Qatar

Repository files navigation

Frame 9

GitHub repo size Website

🧭 Discover Qatar

Tourism & Travel website built with React JSX and Vite. Submission for the "Timeless Qatar" coding competition. Built by Anas Timeridjine (SnowyCrest) and Ashish Dhakal (found-sec).

✨ Website Features

  1. 🔎 A landing page where users can know about Qatar and see articles and new events
  2. 🗺 An interactive map with markers giving info about Qatar's special places
  3. ⛅ A weather widget displaying Qatar's weather forecast
  4. ❔ Multiple quizzes with timers and score functionality for users to test their knowledge on Qatar
  5. 📄 Reviews page where users can share their experience in Qatar and discuss with other users.

Landing Page

Interactive Map

Quiz

Review Creation Card

💻 Tech Stack

JavaScript

CSS

React

Vitejs

Supabase

Framer Motion

Vercel

Mapbox GL

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/SnowyCrest/Discover_Qatar.git
    cd Discover_Qatar
  2. Install the dependencies:

    npm install
  3. Set up environment variables: Replace all of the "YOUR_TOKEN_HERE" texts with your Openweather, Mapbox GL, and Supabase Keys and URLs.

  4. Run the development server:

    npm run dev

    Open http://localhost:3000 with your browser to see the result.