Project 4

Title

• Coffeholic

Description

• As a coffee lover, when I'm in town or traveling outside of town, I always like to visit local coffee roasters. This application will allow you to post your favorite coffee shops with pictures and maps. This is a full stack application with CRUD. Google API is used for map data. AWS will be used for future photo upload feature.

• React-google-maps documentation link: https://tomchentw.github.io/react-google-maps/#introduction

• favicon was downloaded from https://flaticon.com

• image files were downloaded from https://unsplash.com

Live Link to Coffeholic App

• https://woosik-coffeeholic.netlify.app/

Technologies

• Frontend: ReactJS, react-bootstrap, react-google-maps
• Backend: Django
• Database: PostgreSQL

Current Features

• CRUD (Create, Read, Update, and Delete): user can post their favorite coffee shops.
• User can add an image url for coffee shop.
• On coffee shop detail page, the coffee shop location is displayed on Google map.
• User authentication: user can create own account to log in and log out. Only registered user can add, edit, and delete their own posting while everyone can see posted coffee shops.
• Responsive design

Future Features (Stretch Goals)

• Dark mode
• AWS photo upload
• Web Accessibility colors