🌐 Circle Social App

A modern social media web application built with Next.js 15, TypeScript, MUI (Material UI), and Redux Toolkit.
Live Demo 👉 https://circle-next.vercel.app

---

🚀 Features

• 🔐 User Authentication — Signup, Login, Logout
• 📝 Create and Comment — Add and reply to posts
• ⚡ Real API Integration — Connected to the Route Academy API
• 📱 Responsive Design — Fully adaptive UI built with MUI
• 🧠 State Management — Powered by Redux Toolkit + React Query

---

🧰 Tech Stack

Layer	Technologies
Frontend Framework	Next.js 15 (App Router)
Language	TypeScript
UI Library	MUI (Material UI)
State Management	Redux Toolkit
Data Fetching	React Query
Hosting	Vercel

---

📂 Project Structure

src/ ├── app/ │ ├── register/ │ ├── login/ │ ├── profile/ │ ├── createpost/ │ ├── singlePost/ │ ├── _navbar/ │ └── layout.tsx ├── _redux/ │ ├── authSlice.ts │ ├── postSlice.ts │ └── store.ts ├── globals.css └── next.config.ts

---

🧩 Learning Goals

This project helped me practice:

• Handling authentication with real APIs
• Managing global state using Redux Toolkit
• Working with TypeScript interfaces and types
• Building modern UI layouts using MUI components
• Deploying a Next.js + TS project on Vercel

---

📸 Screenshots

(Add your app screenshots here once ready)

---

🧑‍💻 Author

Antonios Gaber
Frontend Developer — passionate about clean UI, TypeScript, and React ecosystem.
📍 Based in Lörrach, Germany 🇩🇪
🔗 GitHub Profile

---

⭐ If you like this project, please star the repo!