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).
- 🔎 A landing page where users can know about Qatar and see articles and new events
- 🗺 An interactive map with markers giving info about Qatar's special places
- ⛅ A weather widget displaying Qatar's weather forecast
- ❔ Multiple quizzes with timers and score functionality for users to test their knowledge on Qatar
- 📄 Reviews page where users can share their experience in Qatar and discuss with other users.
![]() Landing Page |
![]() Interactive Map |
![]() Quiz |
![]() Review Creation Card |
![Mapbox GL](https://private-user-images.githubusercontent.com/186194122/409204177-5e49819c-8a9d-41a4-8d16-2c52e9d0142d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjE0MjMsIm5iZiI6MTczOTI2MTEyMywicGF0aCI6Ii8xODYxOTQxMjIvNDA5MjA0MTc3LTVlNDk4MTljLThhOWQtNDFhNC04ZDE2LTJjNTJlOWQwMTQyZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQwODA1MjNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05NWEzMTc1NjU0ZGQ4ZGU1ODM2NmI4ZWRkZmEwMGI5OGJmZTcwYTg0N2E2NGEyMWJiZmQ2NzQzZTY5ZWQzMDZjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.cPt-_hCbe8Q7OVhzftL-ZNL0gcpVhlFRkv3blWTyW8A)
-
Clone the repository:
git clone https://github.com/SnowyCrest/Discover_Qatar.git cd Discover_Qatar
-
Install the dependencies:
npm install
-
Set up environment variables: Replace all of the "YOUR_TOKEN_HERE" texts with your Openweather, Mapbox GL, and Supabase Keys and URLs.
-
Run the development server:
npm run dev
Open http://localhost:3000 with your browser to see the result.