Welcome to Asia Explorer, your ultimate Southeast Asia Travel Guide! This guide showcases the beauty and diversity of Southeast Asian destinations.

Website Name : Asia Explorer

Live Site URL : (https://b9-a10-authentication.web.app/)

Server Site URL : (https://github.com/rakibgithub21/Asia_Explorer-server_site)

Features :

• Responsive Design: Ensuring the website looks great and functions well across various devices.

• Sleek Navbar: Creating a clean and easy-to-navigate navigation bar with icons and text.

• Interactive Login/Register: Implementing smooth transitions for the login and register pages. Allowing users to sign in using their preferred social media accounts.

• Eye-catching Banner: Designing visually appealing slides with captivating images and concise information about destinations.

• Tourists Spots Showcase: Showcasing tourist spots with visually appealing cards highlighting key information.

• Sortable All Tourists Spot Page: Implementing a dropdown menu for sorting tourist spots based on average cost.

• Dark/Light Theme Toggle: Offering users the option to switch between dark and light themes.

• Add Tourists Spot Form: Designing a user-friendly form for adding new tourist spots with validation.

• My List Page: Enabling users to manage their added tourist spots with an intuitive interface.

• Footer with Social Links: Creating a footer with website information, copyright details, and social media links.

• 404 Page: Designing a custom 404 page with a friendly message and a link back to the homepage.

• Loading Spinner: Displaying a loading spinner while fetching data or loading pages to enhance user experience.

Selected Category: Southeast Asian Destinations

NPM Packages Used For Bonus:

• React TypeWriter: Enhance text animation with React TypeWriter, adding dynamic and engaging content presentation.
• React Tooltip: Improve user experience with React Tooltip, providing informative hints and tooltips throughout the application interface.

Technologies Used

Living Lane leverages cutting-edge technologies to deliver a seamless user experience:

• React: The frontend of Living Lane is built using React, providing a fast and interactive user interface.

• React Router: Utilize React Router for declarative routing, enabling navigation and URL manipulation in Living Lane's single-page application architecture.

• Tailwind CSS: Customize and design Living Lane's UI with the utility-first CSS framework Tailwind CSS, offering flexibility and rapid development.

• Mamba UI: Utilize Mamba UI for building elegant and customizable user interfaces in Living Lane, providing a wide range of UI components and themes.

• React Toastify: Enhance user notifications with React Toastify, ensuring a smooth user experience when interacting with the platform.

• React Icons: Utilize a vast library of icons from React Icons to enhance visual elements throughout the application.

• Firebase: Firebase provides backend services such as authentication and database management, powering the core functionality of Living Lane.

• Getting Started

Prerequisites

git clone https://github.com/rakibgithub21/Asia_Explorer-client_site
cd Asia_Explorer-client_site
npm install

Setting Up Firebase

1. Obtain Firebase credentials (API key, project ID, etc.) from the Firebase console.
2. Create a .env file in the root directory of the project.
3. Add Firebase configuration details to .env:

REACT_APP_FIREBASE_API_KEY=<your-firebase-api-key>
REACT_APP_FIREBASE_AUTH_DOMAIN=<your-firebase-auth-domain>
REACT_APP_FIREBASE_PROJECT_ID=<your-firebase-project-id>
REACT_APP_FIREBASE_STORAGE_BUCKET=<your-firebase-storage-bucket>
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=<your-firebase-messaging-sender-id>
REACT_APP_FIREBASE_APP_ID=<your-firebase-app-id>

Running the Project Locally

Start the Development Server

npm run dev

Feedback and Support

We value your feedback! If you have any questions, suggestions, or need assistance, please don't hesitate to reach out to our support team at mdrakibulislam.mailbox@gmail.com. Explore the enchanting landscapes, rich cultures, and historical landmarks of Southeast Asia through our travel guide. Start planning your next adventure today!