- Web app for sharing trips near bay area, link: https://trip-guide1.herokuapp.com/
- Author: Wenzhu Chen & Xiaoyan Qin
- Project basic information
- Technologies
- Setup instructions
- Website at a Glance
- CS 5610 Project 3
- Project Objective: Develop and deploy a Bay area trip guide web-app, allowing users to view and share trips.
- Class Link: https://johnguerra.co/classes/webDevelopment_spring_2021/
- Professor: John Alexis Guerra Gómez
- Video Demo: https://youtu.be/YPjg3OCofuU
- Slides: https://docs.google.com/presentation/d/1JPvYFGHcSF1Z2nPipKWzQfaeEQVSejnyMEAPoW812TU/edit#slide=id.p
- React
- CSS
- BootStrap
- Node.js
- Express
- MongoDB
- dotenv
- ESLint
- Clone the repo
- install dependecies and ”build“ folder
yarn install cd front yarn install yarn build
- Creat your local
.env
file which contains the MongoDB URL and put it into the project folder.env
file example:MONGO_URL=mongodb+srv://<username>:<password>.....
- For viewing the webapp, start the frontend server
cd front yarn start
- For development, both the frontend server and backend server need to be started.
Start the backend server, runyarn nodemon
, and visit http://localhost:3001
Then start the frontend server, runcd front
,yarn start
and visit http://localhost:3000