jamespro / boomshark Goto Github PK

Need to update Figma design to include area of Profile page that will display existing posts from the logged in user

Update views/feed.ejs to include images with posts once the Cloudinary integration is complete

Creating the Dashboard page

Consists of:
display name
display email
logout button

add a boom
-title
-description
-image

If you upload an image that is very wide/tall, it breaks the page layout.

Once Cloudinary Integration is complete add the image to individual post view

Other functions that are needed on this page :
button to like posts
button to delete the post if it's belongs to the logged in user

Got started on implementing Cloudinary. Added to our package.json, created an account and config file in milddleware/cloudinary.js.

Next steps are to update the schema in models/posts.js and update our createPost function in controllers/posts.js ( I think )

Some resources to make sense of Leon's code:
https://cloudinary.com/documentation/how_to_integrate_cloudinary (on step 3)
https://cloudinary.com//documentation/node_integration
https://cloudinary.com//documentation/node_image_and_video_upload

URL: https://boomshark.herokuapp.com/login

I think this page needs Styling. Check the mockups that have been made and style it up!

So I'm labeling this mainly a frontend task.

Does it also need functionality? If login needs functionality, please create another ticket for that aspect.

This might include:
Leon used multer, so try that out

How to store the files on the server?

Update the form to accept images

Store on S3?

Naming things -- These items are not going to be "todo"s . So what is it?

1. database 2) collection
   Also, the URLs would go along with that I assume e.g. https://boomshark.herokuapp.com/todos
   would change to /posts or /whatevers
   and the Model, and a bunch of stuff

• projects?
• booms? sharks? Lol mostly kidding

Also: I had success before when I was changing this project from "todo" to making a list of "events". I found that with MongoDB, if you change the name of the database or collection, it just automagically creates them. So in that DB_STRING, if we change "todo" to a new database name in that string, it doesn't error, it should just create it

I tried to pull from cyclic.sh
It would not.
Their advice was:
put nodemon into a dev, not the start.
"scripts": {
"start": "node server.js",
"dev": "nodemon server.js"
}

Browser: Chrome
OS: Mac

How to recreate: I am on the profile page. I made the window smaller.

• The input fields extend beyond the borders
• and/or the borders shrink too small such that the input fields go outside

URL: https://boomshark.herokuapp.com/login

I think this is optional.

Add better validation to this page, if we have time.

Need the update figma design to include delete button for when user is viewing their own posts