The purpose of this project was to build a MERN + GraphQL stack one-stop shop application for travel enthusiasts (similar to Tripadvisor). The original intent was to let users search for destinations, search/book flights, and add cities & attractions into a 'saved places' list. In addition, users could sign up and post about their future travel plans, write about their travel experiences, and even ask for travel tips from other users - which is a working functionality in the app in its current state.
✨ Visit deployed application here ✨
- ReactJS
- GraphQL
- MongoDB + Mongoose
- Apollo Server + Apollo Client
- Express.js
- JavaScript
- Tailwind CSS
- HTML
- npm packages:
- Install NodeJS in your operating system
- Install all of the dependencies listed above via command-line in terminal by entering
npm install - Create a
.envfile - Enter a secret as a
SECRETvariable in the.envfile - Retrieve an API key from Google Cloud, and enable the Maps JavaScript API. Then enter the API key for the variable
REACT_APP_GOOGLEMAPS_API_KEY. - To compile the development build of the website, execute the following command in the root:
npm run develop
- Compile a production build when the website is complete by running:
npm run build
Enter npm run develop at the root directory in terminal. This will start up the React app and initialize the back-end at the same time. The application will open automatically in your browser. Navigating through the application is fairly straight-forward with the navigation links at the top of the screen. Happy travels!
I welcome any contributions for this repository, especially ones relevant to the current issues that this project currently has. Please feel free to submit a pull request, or even contact me via e-mail.
For any questions about this repository, please contact me at hayashi.demi@gmail.com.
Visit my GitHub to view more of my works at github.com/demivlkv!