Oldagram - Instagram Clone

An Instagram-inspired web application featuring epic self-portraits from renowned artists. Built with HTML, CSS, and JavaScript as part of the Scrimba Fullstack developer Path.

🔗 Live Demo

Check out the live project: Oldagram Clone

✨ Features

• Responsive design that mirrors Instagram's interface
• Interactive like system with:
  • Double-click on posts to like
  • Click on heart icon to like/unlike
• Dynamic post rendering from data
• Hover effects on action buttons
• Semantic HTML structure

🛠️ Built With

• HTML5
• CSS3
• JavaScript
• Google Fonts (Source Sans 3)

🎯 Project Requirements

Core Requirements (HTML/CSS)

• Create a static post layout
• Implement semantic HTML
• Add hover effects on interactive elements
  • Heart icon
  • Comment icon
  • Direct Message icon

Stretch Goals

• Dynamic post rendering using JavaScript
• Interactive like functionality
  • Double-click post to like
  • Toggle likes via heart icon

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/Elikyals/oldagram.git

2. Open index.html in your browser to view the project

3. For development version with static HTML, use index-core.html

📁 Project Structure

instagram-clone/
├── images/
├── index.html
├── index-core.html
├── index.css
└── index.js

🤝 Contributing

Contributions, issues, and feature requests are welcome!

👏 Acknowledgments

• Scrimba for the project inspiration
• Project built as part of the Fullstack Developer Career Path