se_project_spots

Spots

Spots is an interactive social media web application that allows users to create, view, and interact with visual content. Users can upload new photos, remove existing ones, like posts from other users, and make small adjustments to their profile.

Video Walkthrough: Spots Demo

Project Description

Spots is designed to simulate a basic user interface experience for a social photo-sharing platform. Users can:

View a gallery of beautiful scenic photographs
Preview a larger version of post
Like images using a custom SVG button
Add new posts with the “New Post” button
Edit their user profile (Ex: name or description)
Experience smooth transitions and responsive design elements

Technologies & Techniques Used

HTML5: Semantic structure of the application
CSS3: Styling, responsive layout, and transitions
JavaScript (ES6+):DOM manipulation, event handling, and dynamic modal functionality
Flexbox: For flexible, responsive layout
SVG icons: For scalable, sharp user interface icons (pencil, plus, like)
BEM Methodology: Clean and modular CSS naming convention
Media Queries : For responsiveness across devices