ReLive — See How Cities Have Changed Over Time

ReLive is a creative web app built for the "One API to Rule Them All" hackathon category. It uses the Wikipedia API to fetch information about any city in the world. With an elegant UI, dark mode toggle, loading animation, and ChatGPT integration, ReLive offers an immersive experience to explore city histories.

---

Features

• Search any city (e.g., Paris, London)
• Dark mode toggle for better readability
• Animated loader while fetching data
• ChatGPT integration (optional)
• Wikipedia REST API for real-time data
• Deployed frontend via Netlify

---

Tech Stack

Frontend:

• React.js — UI library
• Tailwind CSS — Styling and dark mode
• Axios — HTTP client
• Netlify — For deployment

Backend:

• Node.js — JavaScript runtime
• Express.js — Server framework
• CORS — Enable frontend-backend communication
• Wikipedia REST API — To fetch city summaries

---

Folder Structure

Hackaton/ ├── client/ # React frontend │ ├── src/ │ │ ├── components/ │ │ │ ├── CityCard.js │ │ │ └── Loader.js │ │ ├── App.js │ │ └── index.js │ ├── public/ │ ├── tailwind.config.js │ ├── postcss.config.js │ └── package.json ├── server/ # Node.js backend │ ├── app.js │ └── package.json └── README.md

---

Local Setup

1. Clone the repository

git clone https://github.com/your-username/relive.git
cd Hackaton

### Backend Setup
cd server
npm install
node app.js

### Frontend Setup
cd client
npm install
npm start


API Used
We use the Wikipedia REST API to fetch clean and concise information about cities using this endpoint:

ruby
Copy
Edit
GET https://en.wikipedia.org/api/rest_v1/page/summary/{city}
Example:

ruby
Copy
Edit
https://en.wikipedia.org/api/rest_v1/page/summary/London


One API to Rule Them All — Hackathon Innovation Challenge

Stretching the Wikipedia API to offer a sleek and creative city exploration experience.

Wikipedia Foundation for the open API

Tailwind CSS team

OpenAI for ChatGPT integration (optional)