This project is a social media app where users can share their thoughts as well as images with other users. Users are able to create, update, and delete posts.
in order to update images in real time, we need a web api that will handle all the images in a cloud storage, where our application will then grab that image data and display it on the site
The Pagination library can be used directly for paging functionality for any list of items. The required props here are an array of items of the list to be rendered and a callback function onChange which informs the parent component about the page change.
A user friendly interface isn't really user friendly without a proper navigation bar and search button right? Lets import Nav using react in our App.js from our component Nav.js; and lets build this navigation tab to include the current user, login and register tabs, as well as a search bar and button, we can worry about styling that puppy later
In this step we see the heroku build fails because our files exceed the limit size on heroku; were going to compress the client side in a way where heroku can still understand it; and deploy it on the cloud application platform.
As of now we have our image upload components running inside of the our profile.js file. It would make much more sense to have that code in a seperate "FileUpload.js" component and we import that component into our app.js file.
Lets implement a working search bar component into our application, with a
"const search = () =>
{ const [query, setQuery] = useState('')"
and return the target value in a form, we want to be able to useHistory so it can push the history into the search query