WAYFARER

Project Wayfarer is a city blog site that allows users to

Contents:

• Existing Features
• Planned Features
• Technologies Used
• Challenges
• Wireframes
• Screenshots

Features

• City carousel
• List of cities
• City info
  • Images of city
  • City information
• City blogs
  • Blogs of the city
  • Edit feature
  • Delete feature
• City page
  • City images

Unfinished Features

• User functionality through Express Sessions
  • Login and signup pages
  • User blog creation
• Adjust CSS for multiple screen sizes

Technologies Used

For Front-end

Details

• React
• HTML
• CSS
• Dotenv
• MVC
• Git/Github

For Back-end

Details

• Express
• Mongoose
• Mongodb
• Dotenv
• REST
• Git/Github

Challenges

Wireframes

Screenshots

Homepage

Citylist (User Index)

City Page

Posts

Details

Frontend-Details

• REACT

  • Our views pages are rendered with React.

• MVC

  • This project was organized under MVC practices in order to maximize efficiency in collaboration and legibility.

• REST

  • All routes in this project were produced with the REST convention in mind.

Backend-Details

• EXPRESS

  • Through express we were able to route our website and our data.

• MongoDB/Mongoose

  • Using mongodb and the mongoose technologies we were able to render our list of cities and associated blog posts.