PiusLucky / fullstack-travel-scape-app

Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, tailwind.

Fullstack TravelScape Application

Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, and tailwind.

Watch here

https://youtu.be/yKtYgMn0uy0

Figma:

• https://www.figma.com/file/aJGKaJAsDpatw9KFgC9211/Interactive-Travel-Website-UI-Design-Tutorial-in-Figma-%7C-Easy-Step-by-Step-Guide-(Community)?type=design&node-id=0-1&mode=design&t=6ueAugKfAI7oCk58-0
• https://www.figma.com/file/La9dG3K4QaqfA8eq7jLG9V/Dashboard-Design-Concept-(Community)?type=design&node-id=69-123&mode=design&t=8k6gdJVq7yxL7hnO-0

💻Quick Demo

⛏️ Installation

To follow along the tutorial. Change to the starter branch after cloning the repo. Then install the npm packages & run

npm install && npm run dev

🔓 Stack

• Next14
• Stripe
• Typescript
• Shadcn
• Tailwind

🔓 Benefits

• Server Actions
• Middleware/Protected Routes in Nextjs Backend and Frontend
• Crediting System with Stripe Implementing Chart System
• Mobile Responsiveness
• Learn all the stack in one video

Author

Built with love ❤️ by Pius Lucky https://luckypius.netlify.app/