Skip to content

AshishVerma10/Wanderlust

Repository files navigation

🌍 Wanderlust – Travelogue Landing Page

Welcome to Wanderlust, a visually stunning travelogue landing page designed to inspire exploration and adventure. Built with React JS, HTML, CSS, and JavaScript, this project focuses on delivering a creative, animated, and fully responsive frontend experience. Crafted with passion by Ashish Verma, Wanderlust brings destinations to life through modern UI, smooth animations, and elegant design aesthetics.


✨ Features

  • Animated Hero Tagline
    Eye-catching and bold animation for
    “Discover Your Next Adventure”
  • Modern Navigation Bar
    Clean, readable, and responsive navigation experience
  • Popular Destinations Section
    Beautiful destination cards with hover effects
  • Travel Gallery
    Image grid showcasing breathtaking travel moments
  • About Section
    Brand story, vision, and travel statistics
  • Contact Section
    Interactive form with contact details and social links
  • Smooth Animations & Gradients
    Subtle scroll effects, hover transitions, and animated fonts
  • Fully Responsive Design
    Optimized for mobile, tablet, laptop, and large screens

🛠️ Tech Stack

  • React JS – Component-based UI development
  • HTML5 – Semantic structure
  • CSS3 – Styling, animations, and layout
  • JavaScript (ES6+) – Interactivity and logic
  • Vite – Fast development and build tool
  • Tailwind CSS – Utility-first responsive styling

📁 Project Structure

Wanderlust/
├── src/
│   ├── components/    # Reusable React components
│   ├── assets/        # Images and static files
│   ├── App.jsx        # Main application component
│   └── main.jsx       # Entry point
├── index.html
├── package.json
├── tailwind.config.js
├── vite.config.ts
└── README.md

🖥️ How to Run Locally

  1. Clone the repository:
git clone https://github.com/AshishVerma10/Wanderlust.git
cd Wanderlust
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open in your browser:
http://localhost:5173

🎯 Project Objective

The goal of Wanderlust is to:

  • Build a creative and professional travel landing page
  • Showcase strong frontend and UI/UX skills
  • Practice responsive layouts, animations, and component-based architecture
  • Create a project suitable for internships, placements, and portfolios

📸 Screenshots

Screenshots can be added here to visually demonstrate the UI and animations.

🌟 Future Enhancements

  • Dark / Light theme toggle
  • Backend integration for contact form
  • SEO optimization
  • Travel booking or itinerary features
  • Performance optimizations and lazy loading

🤝 Contribution

Have ideas to enhance this project? Feel free to fork the repository, open issues, or submit pull requests. Feedback and collaboration are always welcome!

Connect with me on:

🎉 Acknowledgments

Inspired by modern travel websites and the open-source community. Special thanks to designers and developers who push creative web experiences forward.

⭐ Stay Connected

If you like this project, don’t forget to star ⭐ the repository — it really helps and motivates me!

© 2026 Built with 💻 and ❤️ by Ashish Verma

About

Wanderlust is a visually rich travel landing page built with React and Tailwind CSS. It showcases animated typography, smooth transitions, and a responsive layout. Designed to inspire exploration through modern UI/UX.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors