Skip to content

#tutorial ๐Ÿ“ -- react with mongodb backend and deployment on heroku

Notifications You must be signed in to change notification settings

Quymbee/contact-keeper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

23 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

contact-keeper

A tutorial from React Front to Back on Udemy.

Live Heroku Link

https://serene-shelf-85864.herokuapp.com/login

bugs encountered while following tutorial && solutions:

  • import uuid from 'uuid' not working

    uuid version 8.1.0 requires : import {v4 as uuid} from 'uuid'

  • TypeError: Cannot read property 'charAt' of undefined

    needed to add DELETE_CONTACT as a type in types.js I just copied and pasted all types from the tutorial's github so I wouldn't have to worry about it for the rest of the time.

  • cannot destructure 'name' from 'contacts'

    forgot to add 'current: state.current; to ContactContext.Provider

  • Expected an assignment or function call and instead saw an expression

    I usually do my maps as arr.map(e => { //do smth }), but I kept getting this error and solved it by taking out the {} brackets in my map call.

  • onSubmit not working (for me, specifically onSubmit for Register.js)

    I put onSubmit={onSubmit} in the for Register.js. However, it is supposed to be in the form start tag -->

  • When updating contact, the Name got replaced with the Contact Type (only on update and not on add)

    Copy and pasted routes/contacts.js from tutorial github, and it fixed the issue Must have mistyped something

  • Deploy to Heroku showed blank screen instead of the app, despite "successful build"

    Removed the following from public/index.html : <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> Got rid of default images with react build, but forgot this in clean up Thank you to this Q&A thread

  • Proxy error: Could not proxy request /api/auth from localhost:3000 to localhost:5000

    added "secure": false to client/package.json followed this guide

  • events.js:200 throw er; //unhandled 'error' event

    when getting general bugs, I thought this was the source. It was not. As far as I can tell... it didn't effect development for me? If you want to look into it though, I did try this link

Figured it'd be helpful to mention some bugs I had since I spent a chunk of time googling until I was like oooh duh