Traveller Connect is a modern travel companion app built with Next.js 14, React 18, and Tailwind CSS. It helps users share their travel experiences, manage itineraries, read inspiring travel blogs, and raise support tickets – all in one place.
- 📸 Travel Feed – Share photos, stories, and updates from your adventures
- 📝 Travel Blogs – Explore and read detailed travel blogs and destination guides
- 🧳 Itinerary Manager – Plan and organize trip details day-by-day
- 🛠️ Support System – Raise and track support issues while traveling
- 🪙 Virtual Coin Rewards – Earn and spend in-app virtual coins
- Framework: Next.js 14 with App Router
- Styling: Tailwind CSS v4
- State Management: Zustand
- Authentication: Lightweight custom localStorage auth (for demo)
- Notifications: Sonner for toast messages
- Markdown Rendering: ReactMarkdown
```bash git clone https://github.com/yourusername/traveller-connect.git cd traveller-connect ```
```bash npm install
yarn install
pnpm install
bun install ```
```bash npm run dev
yarn dev
pnpm dev
bun dev ```
Visit http://localhost:3000 to view the app in your browser.
Use the following credentials to explore the app:
```
Email: demo@example.com
Password: password
```
Or sign up with any email/password combination.
- 🔧 Authentication is mocked with localStorage for demo purposes.
- ✍️ Blog content supports Markdown formatting.
- 🧩 Virtual Coin Logic is stored client-side.
- 🧾 Support Tickets and Itinerary Data are stored locally.
Deploy effortlessly using Vercel:
```bash
```
Or refer to the Next.js deployment documentation for more options.
MIT