Skip to content

dylan751/db-travel-page-project

Repository files navigation

Contributors Forks Stargazers Issues LinkedIn


Travel Page Full Stack

The full-stack Travel page build with Nextjs
Explore the docs »

View Repo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. Contact
  7. Acknowledgments

About The Project

Live domain: https://db-travel-page-project.vercel.app/

(Back to top)

Built With

  • Next
  • Node
  • Typescript
  • Module SASS
  • Vercel

(Back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

Things you need to use the software and how to install them.

  • npm
    npm install npm@latest -g
  • yarn
    npm install --global yarn

Installation

  1. Get a API Domain, maybe using AWS
  2. Clone the repo
    git clone https://github.com/muoi07052001/db-travel-page-project.git
  3. Install packages and dependencies (yarn)
    yarn install
  4. Create a .env.local file, enter your Database and Stripe config in .env.local
    NEXT_PUBLIC_API_DOMAIN = 'NEXT_PUBLIC_API_DOMAIN';
    MYSQL_HOST = 'MYSQL_HOST';
    MYSQL_DATABASE = 'MYSQL_DATABASE';
    MYSQL_PORT = 'MYSQL_PORT';
    MYSQL_USERNAME = 'MYSQL_USERNAME';
    MYSQL_PASSWORD = 'MYSQL_PASSWORD';
    NODE_ENV = development;
    NEXT_PUBLIC_STRIPE_KEY = 'NEXT_PUBLIC_STRIPE_KEY';

(Back to top)

Usage

How this project can be used. Additional screenshots, code examples and demos. You may also link to more resources.

This project was bootstrapped with Create Next App.

Available Scripts

In the project directory, you can run:

yarn dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

yarn build

Builds the app for production to the build folder.
It correctly bundles Next in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

(Back to top)

Roadmap

  • Authentication / Users
  • Search for Tours
  • Search for Destination
  • Booking Feature
    • Hotel Booking
  • Buy product
  • Writting Blog Feature

See the open issues for a full list of proposed features (and known issues).

(Back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(Back to top)

Contact

Nguyen Hai Duong - @facebook_handle - [email protected]

Project Link: https://github.com/muoi07052001/db-travel-page-project

(Back to top)

[WIP] Acknowledgments

(Back to top)

Database

Database host at: remotemysql.com

.env file:

MYSQL_HOST=remotemysql.com
MYSQL_DATABASE=eNJFPV3wNr
MYSQL_PORT=3306
MYSQL_USERNAME=eNJFPV3wNr
MYSQL_PASSWORD=t8xn3aNklz
NODE_ENV=development

About

A Travel Booking Page using NextJS, Typescript and Next API route

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published