Eventra — Event Platform Built with Next.js

Eventra is an event platform built with Next.js that allows users to browse events and view detailed event pages.

This project was built as a hands-on learning experience while coding along with a long-form tutorial.
The focus of this implementation was understanding the Next.js App Router, routing patterns, data fetching, and UI composition.

---

✨ Features

• Home page displaying available events
• Event detail pages
• Data fetching via API routes
• Cloud-based image uploads
• Server and client component separation
• Responsive UI built with Tailwind CSS

---

⚙️ Tech Stack

• Next.js (App Router)
• TypeScript
• Tailwind CSS
• MongoDB
• Mongoose
• Cloudinary

---

🚀 Getting Started

Prerequisites

• Node.js
• npm
• Git

Installation

git clone https://github.com/iibrahimx/eventra.git
cd eventra
npm install

Environment Variables

Create a .env file in the root directory:

NEXT_PUBLIC_BASE_URL=http://localhost:3000
MONGODB_URI=
CLOUDINARY_URL=

Run the project

npm run dev

Open http://localhost:3000 in your browser.

📸 Screenshots

Home Page

Event Details

📚 Learning Notes

This project helped reinforce:

• Next.js App Router fundamentals
• File-based routing and layouts
• API route integration
• Data fetching patterns
• Component composition in Next.js

📄 License

This project is for educational purposes.