In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
Builds the app for production to the build
folder.
- To view image gallery responsive when 1/2/3/4 images are present in the post
- Go to component
Body.jsx
present at locationsrc/components/Post/Content/Body/Body.jsx
in this repo - Uncomment Line no 9-12 & line no 28
- To view video gallery in Different Layouts when 1/2/3/4 videos are presents
- Go to component
Body.jsx
present at locationsrc/components/Post/Content/Body/Body.jsx
in this repo - Uncomment Line no 13-17 & line no 29
- Click on the image to show Image in Full-Screen
- For Video I've not implemented full-screen, only image media type full-screen is present
NOTE:
- By default, image media type is current present in code in
Body.jsx
file with 3 images layout. - Screenshots of the final UI at my system for different features are present in screenshots folder.
- For Videos, thumbnails are used same as those present in figma for image