ABOUT

Wayfarer is an app that allows you to blog about cities you've traveled to, look up information about cities, and read about other people's experiences in cities you are interested in.

User Stories:

HOMEPAGE

1. User can login or sign up in top right corner by pressing login/sign up
2. User can press arrows next to city images to carousel through the cities

CITY SHOW PAGE

1. User can press image (on hover, image darkens and city name pops up)
2. User can press arrows next to city images to carousel through the cities
3. In paragraph, the user can click on multiple links (find and book stays/flights: flight/hotel booking page), (explore the area: google maps page), (tell us about it: create article page)

ARTICLE SHOW PAGE

1. User can press button to add article
2. User can press article and it will enlarge and show full article
3. User can press a button to close article

ARTICLE ADD PAGE

1. User can add articles using a text editor

Tools Used

• Trello for project management
• gitHub for version control
• VSCode
• Postman
• MongoDB
• React
• Tiptap rich text editor (will replace in future)
• Discord
• Zoom
• Slack
• Node
• Rowdy
• Express
• Axios
• Our brains
• React-router-dom
• Mongoose

What you need to install

Clone down this repo and the server-side repo to your local computer. In the console for both repos, run: > npm i Then on the server repo, run > mongo On both repos, run > npm start

Challenges & Strengths

Strengths

• teamwork
• project management
• diversity of skills

Challenges

• text editor
• limited time

Future Goals

GOOGLE MAPS API

1. User can search cities in search bar at top
2. User can use Google Maps API to find their way around the new city

FLIGHTS/HOTEL API

1. User can search cities in search bar at top
2. User can use flight API to find flights