Skip to content

Horlanrewajucode/AltSchool-Spots-App

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📸 Insta-Spot

AltSchool Africa – Circle 01 | Assignment 02

A responsive, static photo-sharing web page inspired by platforms like Instagram and Pinterest.

Built collaboratively with HTML and CSS, this project focuses on layout precision, team coordination, and desktop-first design.

Screenshot

Insta-Spot Screenshot


🔍 Project Overview

This is the second group assignment in the Tinyuka Frontend Track at AltSchool Africa. Our goal was to simulate real-world collaboration by working together in a team of 10 students.

The challenge: Create a static profile page with a photo grid, user section, and minimal interactions — no JavaScript required.

🌐 Live Demo

🔗 View Insta-Spot Live on Netlify


🛠 Tech Stack

  • ⚙️ HTML5
  • 🎨 CSS3 (Flexbox + Grid)

📁 Features

  • 👤 User Profile: Name, role, and avatar
  • "New Post" Button: Static, styled for future functionality
  • ✏️ "Edit Profile" Button: Static, styled for future functionality
  • 🖼 Responsive Gallery: CSS grid layout for dynamic resizing
  • ❤️ Like Icons: Hover states using pure CSS
  • 📱 Mobile-Friendly: Optimized for all screen sizes

✅ Project Status

  • Pixel perfect design complete
  • Responsive
  • JavaScript functionality (not required for this assignment)

🔧 To Be Added

Implement JavaScript functionality to enable profile editing and allow users to create new posts dynamically.


💻 How to Run Locally

You can run this project locally in your browser with zero dependencies.

# Clone the repository
git clone https://github.com/Reuben-10/altschool-circle1-insta-spot-assignment-02.git

# Navigate into the project folder
cd altschool-circle1-insta-spot-assignment-02

# Open the HTML file in your browser
open index.html
# Or right-click and choose "Open with Browser"

📝 No installation, package manager, or server required.


📸 Screenshots

🖥️ Desktop View 📱 Mobile View
Desktop Mobile

👥 Team

We are a team of 10 passionate learners from AltSchool Africa Tinyuka School of Enginnering, collaborating to build this project from scratch.

  • Ejiro Francess Ejoh
  • Reuben Agbor
  • Busari Olanrewaju
  • Esther Oluwatimilehin
  • Elinah Mmbone
  • Salaudeen Rukayat Temitope
  • Doris Senyah Afriyie
  • Adebomi Omodolapo Ademola
  • O-Oluyomi Boluwatife
  • Lateefat Bello

🙏 Acknowledgements

Special thanks to:

  • AltSchool Africa – for providing a strong foundation in frontend development
  • Mr. Oluwasetemi Ojo – our supportive instructor for the Tinyuka Frontend track

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 56.0%
  • CSS 44.0%