Giter Club home page Giter Club logo

voyage-app-mern's Introduction

Voyage - Curated Travel Package Platform (MERN Stack)

Voyage Logo

Voyage is a revolutionary travel platform that offers a seamless and personalized experience for modern travelers. Our curated travel packages solve the pain points of traditional travel booking processes.

Table of Contents

Features

User Side

  • Personalized Booking: Browse and book travel packages with options for individual bookings.
  • Intuitive UI: Easy-to-use interface for exploring and discovering perfect travel destinations.
  • Discount Codes: Functional discount code system for savings on travel bookings.

Landing Page

Landing page showcasing curated travel packages

Login Page

User-friendly login interface

Admin Side

  • Package Management: Create and design new travel packages.
  • Discount Code Creation: Generate and manage discount codes.
  • Order Management: Track and manage user bookings and orders.

Admin Dashboard

Admin dashboard for managing travel packages and bookings

Technology Stack

  1. MongoDB & Cloudinary:

    • MongoDB for storing and managing schemas for travel packages and user profiles.
    • Cloudinary for storing images.
  2. Node.js / Express:

    • APIs for booking management and other functionalities.
  3. React:

    • Responsive and user-friendly frontend developed using React with Vite.
    • Styled with Tailwind CSS.
  4. Authentication:

    • JWT-based user authentication system for personalized features and secure transactions.

Getting Started

To get started with the Voyage project:

  1. Clone the repository:

    git clone https://github.com/your-username/voyage.git
    cd voyage
    
  2. Install dependencies for both client and server:

    cd client
    npm install
    cd ../server
    npm install
    
  3. Set up environment variables:

    • Create a .env file in the server directory and add necessary environment variables (e.g., MongoDB connection string, JWT secret, etc.)
  4. Start the server:

    cd server
    npm start
    
  5. In a new terminal, start the client:

    cd client
    npm run dev
    
  6. Open your browser and visit http://localhost:5173 to see the application running.

Development Process

Our development process evolved throughout the project:

  1. Initial Role Assignments: Distributed roles based on individual strengths and project needs.
  2. Feature-Based Task Allocation: Transitioned to full frontend and backend responsibility per feature.
  3. Evolution to Comprehensive Ownership: Implemented full frontend and backend responsibility to ensure cohesive integration and robust development.

Future Plans: Voyage Community

We aim to evolve Voyage into a vibrant social ecosystem for travelers:

  • Develop robust social media features for sharing experiences, photos, and videos.
  • Implement a user-friendly hashtag and location tagging system.
  • Allow users to create and share engaging travel stories.
  • Craft a holistic travel experience that seamlessly integrates with various aspects of our users' lives.

Contributing

We welcome contributions to the Voyage project! Here's how you can contribute:

  1. Fork the repository on GitHub.
  2. Clone your forked repository to your local machine.
  3. Create a new branch for your feature or bug fix: git checkout -b feature/your-feature-name or git checkout -b fix/your-bug-fix.
  4. Make your changes and commit them with a clear and descriptive commit message.
  5. Push your changes to your fork on GitHub.
  6. Create a pull request from your fork to the main Voyage repository.

Please ensure your code adheres to our coding standards and include tests for new features or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Team

  • Nattakit Rattanakeha - Full-stack Developer
  • Pat Boonsom - Full-stack Developer
  • Anon Kreethawate - Full-stack Developer

voyage-app-mern's People

Contributors

smilenattakit avatar patb-github avatar nongmolz avatar maielfth avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.