Wanderlust is the ultimate social platform for travelers! Share your adventures in a fun, blog-style format with stunning photos, detailed itineraries, and must-visit recommendations. Whether you're exploring hidden gems or iconic landmarks, others can discover your posts by location or tags. Find inspiration, plan your next trip, and connect with fellow travelers- all in one place!
- User authentication: username, email, password
- Location-based search: users can search for posts by tags or through location categories
- Blog-post creation: create and publish their itineraries
- Saved folders: save things based on interest
- Social features: friends, followers, following
- Enhanced search options with filters for date, duration, etc.
- Collaborative itineraries
- Trip-planning tools section
- Chatbot to assist with personalized inquiries
Week 1
- Meet team
- Align on goals for project
- Decide frontend/backend teams
- Finalize tech stack
- Set up environment
Week 2
- User flow/figure out creative vision
- Frontend:
- Create wireframes for UI
- Design logo
- Decide on color palette
- Get feedback from outside, and fix wireframes accordingly
- Backend:
- Set up user authentication for login and registration pages
Week 3
- Frontend:
- Receive feedback for UI and finalize it
- Start coding the following pages: home, login, registration, and dashboard
- Backend:
- Plan database design (ex: users, trips, recommendations, etc.)
Week 4
- Frontend:
- Aim to finish about 75% of the pages
- Continue coding remaining pages (such as location-based search & trip recommendations)
- Backend:
- Fully integrate user authentifcation functionality with frontend
- Begin working on search functionality to help travelers discover the best itineraries
Week 5
- Frontend:
- Finish coding the pages
- Backend:
- Continue implementing other components for MVP
Week 6/7
- Frontend:
- MVP should be complete
- Help backend with integration
- Start brainstorming stretch goals
- Backend:
- Fully finish integrating
Week 8
- Frontend:
- Clean up frontend
- Presentation slides and script
- Backend:
- Complete integration
- Presentation script
Week 9/10
- Frontend/Backend:
- Finishing touches on everything!
- Presentation prep :)
- Y'ALL GOT THIS !!!! WOOHOO
- Wireframing: Figma
- IDE: Visual Studio Code or Android Studio
- Frontend: React.js
- Handles the UI and user interactions
- Backend: Node.js + Express.js
- For processing API requests, handling authentication, and connecting to the database
- Database: MongoDB
- Flexible NoSQL database
General
``Frontend
- Introduction to Wireframing in Figma
- 27 Best UI/UX Practices
- What is React?
- Learn the Basics
- React Native #1: Setup Visual Studio Code
- React Tutorial for Beginners
- React Playlist
- React Crash Course
``Backend
- API Crash Course w/ Timestamps
- API Search Resource
- Fetching Data from an API
- MongoDB Crash Course
- MongoDB Tutorial Crash Course
- Express Framework
- Node.js Framework
- Node.js Crash Course
- Node & Express from Scratch Playlist
``GitHub
- Developers: Dereck Babu, Dylan Dam, Raphael Ogundare, Kavyadharshini Seenuvasan
- Project Manager: Avanthi Reddy
- Industry Mentor: Jeshna Gupta