https://github.com/PiusLucky/fullstack-travel-scape-app
Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, tailwind.
https://github.com/PiusLucky/fullstack-travel-scape-app
Last synced: 7 months ago
JSON representation
Fullstack travel scape application built with Nextjs14 server actions, stripe, mongoDB, shadcn, tailwind.
- Host: GitHub
- URL: https://github.com/PiusLucky/fullstack-travel-scape-app
- Owner: PiusLucky
- Created: 2024-03-09T08:37:42.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-11T02:19:58.000Z (about 2 years ago)
- Last Synced: 2024-03-11T04:29:10.989Z (about 2 years ago)
- Language: TypeScript
- Homepage:
- Size: 3.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# 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
```bash
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/