Skip to content
No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
client
controllers
models
routes
.gitignore
README.md
nodemon.json
package-lock.json
package.json
server.js
serverAuth.js

README.md

#Hop-To-It

What is it?

Full-Stack app using MERN stack. People can discover breweries near them or in specified area.

Technologies Used:

HTML5 | CSS3 | Javascript | Git | Github | Heroku | MongoDB | Express | React.js | Node.js | Postman

ERD

NPM Packages Installed

Back-end Packages installed: Bcrypt-nodejs, mongoose, axios, body-parser, jsonwebtoken, dotenv, express, morgan

Front-end Packages installed: Milligram

Trello

Wireframes

Screenshots

Code Snippets

Update/Patch (Swapping userId and brewId | Like/Un-like button) Front end logic handles the button click to swap Id's Render the Like or Unlike button value Create a new brewery before swapping Id's

Some problems I ran into:

  1. Passing current user as props to our profile page
  2. Modeling our Brewery and Photo models
  3. Axios CORS block
  4. Pinging our DB from the React front end and passing data from front end to back end
  5. Adding functionality for the like/unlike toggle button
  6. Git merge issues and Heroku deployment issues because of them
  7. Understanding how data was being passed around between back and front end

Things I didn't get to do/finish:

  1. Photo model that would hold photos for a specific brewery
  2. AWS for hosting the images for the photo model
  3. Search function
  4. Animating the Like/Unlike button
  5. More styling throughout app

##GitHub Repo https://github.com/dkang003/hop-to-it-deployed

##Deployed App https://afternoon-falls-29291.herokuapp.com/

You can’t perform that action at this time.