se_project_spots

Spots - Image Sharing Social Media

An interactive social media webpage where users can add and remove photos, like photos of users, and edit their profile to express themselves in a creative matter.

Description

Project “Spots” is an image-sharing social media webpage that allows users to interact using images in various ways.

Users can:

• Add and remove photos.
• Like photos uploaded by other users.
• Edit certain aspects of their profile.

The project is built with to adjust seamlessly to different screen sizes, both mobile (320px) and desktop (1440px) by following the Figma design layout.

Key Features:

• On desktop (1440px), the page content is centered with a maximum width of 1280px, displaying three cards in each row.
• On tablets (1024px), the layout adjusts to show two cards per row.
• On mobile device (320px), the layout further adapts to show only one card per row, providing a tailored user experience for smaller screens.
• The webpage is designed to prevent horizontal scrolling.
• The webpage contains interactive buttons such as edit profile, new post, and like buttons that changes opacity when hovered over for an engaging user experience

Tech Stack

• HTML
• CSS
• Responsive Design

Deployment

This webpage is deployed to Github Pages

• Deployment Link: https://catalinamyat.github.io/se_project_spots/

• Video link: https://drive.google.com/file/d/1FEA5-j9NS9vWabbKPc8lbk3yS5iRi8K2/view?usp=sharing