Trippio is a fullstack travel planning web application where users can discover destinations, build and manage trip itineraries, and connect with other travellers. The project is built as a complete fullstack application with authentication, authorization, social features, and rich media support through custom image uploads and dynamic destination photos. The frontend is built with React and TypeScript and communicates with a RESTful backend API to handle authentication, trip management, image handling, and social interactions in real time.
Live Site: https://trippio.netlify.app/
- React
- TypeScript
- Zustand for Global State Management
- Tailwind CSS
- REST API Integration
- Node.js & Express
- MongoDB
- Cloudinary (image storage)
- Unsplash API (destination imagery)
- Search and browse travel destinations
- Create, edit, and delete personal trip itineraries
- Upload custom trip images or fetch curated destination photos via Unsplash
- Images stored and served via Cloudinary
- Share trips publicly with other users
- Follow other users and explore their trips
- View and edit your personal profile
- Sign up & log in with persistent sessions
- Responsive design across desktop and mobile
- Error handling and loading states