https://github.com/ismail-dev-code/planora
Planora is a full-stack event management and booking web application built with Next.js and TypeScript.
https://github.com/ismail-dev-code/planora
dynamicrouting next-auth next-js next-routing typescript
Last synced: 7 months ago
JSON representation
Planora is a full-stack event management and booking web application built with Next.js and TypeScript.
- Host: GitHub
- URL: https://github.com/ismail-dev-code/planora
- Owner: ismail-dev-code
- Created: 2025-08-10T09:15:41.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-08-10T12:07:23.000Z (7 months ago)
- Last Synced: 2025-08-10T14:18:47.306Z (7 months ago)
- Topics: dynamicrouting, next-auth, next-js, next-routing, typescript
- Language: TypeScript
- Homepage:
- Size: 72.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Planora**
**Planora** is a full-stack event management and booking web application built with **Next.js (App Router)** and **TypeScript**.
It incorporates essential real-world features such as user authentication, protected routes, dynamic pages, booking forms, and a comprehensive data management dashboard.
This project serves as a comprehensive example showcasing proficiency in modern **Next.js** and **TypeScript** best practices.
---
## **Features**
### Authentication
- User login and signup with **NextAuth.js** using Google and Email providers.
- UI adapts dynamically based on authentication status.
- Protected routes for dashboard and user-specific pages.
### Landing & Public Pages
- Responsive, visually appealing landing page with multiple sections (Hero, Features, Testimonials, FAQ, CTA).
- Additional public routes: Events listing, Blog, About, Contact.
### Dashboard (Protected CRUD)
- Authenticated users can create, edit, delete, and view event posts.
- Dynamic routing for detailed event pages.
### Booking Flow
- Event booking form that stores booking data in the user's dashboard.
- Simulated booking process (no payment integration).
### Styling & UI
- Styled with **Tailwind CSS** and **Lucide Icons** for accessible, consistent UI.
- Optimized images using `next/image`.
- Custom fonts loaded and optimized with `next/font`.
### Data Fetching
- Server-side data fetching using `fetch`.
- Client-side state management and live data updates with **React Query**.
---
## **Tech Stack**
- [Next.js](https://nextjs.org/) (App Router)
- [TypeScript](https://www.typescriptlang.org/)
- [NextAuth.js](https://next-auth.js.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [React Query](https://tanstack.com/query/latest)
- [Lucide Icons](https://lucide.dev/)
- Vercel (Deployment)
---
## **Getting Started**
### Prerequisites
- Node.js v20
- Package manager: npm
### Installation
Clone the repository:
```bash
git clone https://github.com/ismail-dev-code/planora.git
cd planora