https://github.com/snowycrest/discover_qatar

Qatar Tourism website built with React JSX. Includes an interactive map, links to several articles, a multitude of quizzes, and a page where users can post their reviews about their visit to Qatar.
https://github.com/snowycrest/discover_qatar

css framer-motion mapbox-gl-js qatar reactjs supabase-db swiper-js tourism-website vercel-deployment

Last synced: 5 months ago
JSON representation

Qatar Tourism website built with React JSX. Includes an interactive map, links to several articles, a multitude of quizzes, and a page where users can post their reviews about their visit to Qatar.

• Host: GitHub
• URL: https://github.com/snowycrest/discover_qatar
• Owner: SnowyCrest
• License: mit
• Created: 2025-01-23T12:03:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-07T04:27:51.000Z (over 1 year ago)
• Last Synced: 2025-03-25T11:11:21.596Z (over 1 year ago)
• Topics: css, framer-motion, mapbox-gl-js, qatar, reactjs, supabase-db, swiper-js, tourism-website, vercel-deployment
• Language: JavaScript
• Homepage: https://discover-qatar.vercel.app/
• Size: 3.23 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Frame 9](https://github.com/user-attachments/assets/b6a644b4-8ba5-42c8-ac04-8ad925eec30c)

![GitHub repo size](https://img.shields.io/github/repo-size/SnowyCrest/Discover_Qatar) 

![Website](https://img.shields.io/website?url=https%3A%2F%2Fdiscover-qatar.vercel.app/)

# 🧭 Discover Qatar

A Travel & Tourism 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




















---

## 🚀 Getting Started

1. **Clone the repository**:

    ```bash

    git clone https://github.com/SnowyCrest/Discover_Qatar.git

    cd Discover_Qatar

    ```

2. **Install the dependencies**:

    ```bash

    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**:

    ```bash

    npm run dev

    ```

    Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.