Art Gallery

- React JS, styled-components, Recoil, REST API, Node JS, MySQL, AWS S3 Art Gallery is Web App for posting and viewing photos taken by photographers Implemented User Registration using Bcrypt and Login System, using JWT Token, Axios instance, and localStorage. Managed loginState globally using Recoil. Created AddPost and EditPost Modals using Conditional Rendering. Joined user and image table to post table and Concated images using SQL Query to render posts on the main page. Users can upload posts with images: Implemented Image Preview using readAsDataURL() method of FileReader. Images are uploaded to the server in parallel using FormData and Promise.all(). Uploaded the image files to AWS S3 using Multer and Dotenv. Implemented Carousel Post on the main page using “resize” Event, useState and Styled- Components.