https://github.com/lakshayd02/instagram-clone
Instagram Clone built using HTML, CSS and JavaScript which includes creating a posting page where users can scroll and see the posted images and stories.
https://github.com/lakshayd02/instagram-clone
bootstrap cascading-style-sheets css css3 font-awesome google-fonts html html5 instagram-clone instragramclone javascript svg xml
Last synced: about 1 year ago
JSON representation
Instagram Clone built using HTML, CSS and JavaScript which includes creating a posting page where users can scroll and see the posted images and stories.
- Host: GitHub
- URL: https://github.com/lakshayd02/instagram-clone
- Owner: LakshayD02
- Created: 2023-08-24T08:14:55.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-31T11:38:03.000Z (over 1 year ago)
- Last Synced: 2025-04-15T16:18:27.807Z (about 1 year ago)
- Topics: bootstrap, cascading-style-sheets, css, css3, font-awesome, google-fonts, html, html5, instagram-clone, instragramclone, javascript, svg, xml
- Language: HTML
- Homepage: https://clone-insta-lakshay.netlify.app/
- Size: 14.6 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📸 Instagram Clone
- This Instagram Clone replicates the core functionality and user interface of the popular social media platform, featuring a fully responsive design optimized for all screen sizes—from desktops to mobile devices. The clone includes a dark mode toggle, allowing users to seamlessly switch between light and dark themes for a personalized viewing experience. Additionally, picture swiping functionality provides an engaging way to browse posts and interact with images just like on the original app. 📱🌑✨
# 🚀 Key Features:
1. 🌙 Dark Mode Toggle:
- Easily switch between light and dark themes with a smooth toggle button, enhancing user experience in different lighting conditions.
- Dark mode provides a sleek, modern interface, with optimized colors for readability in low-light environments.
2. 📷 Picture Swiping:
- Swipe through pictures with smooth, intuitive swipe gestures, just like on Instagram.
- Image Carousel functionality lets users view multiple images in a post, enhancing the browsing experience.
3. 🔧 Tech Stack:
- Frontend: HTML, CSS, JavaScript
- Responsive Design: Flexbox, Media Queries
- Dark Mode Toggle: JavaScript and CSS variables
- Swipe Feature: CSS transitions and JavaScript for smooth image swiping
- This Instagram Clone is a great way to showcase your front-end development skills while learning modern techniques like dark theme implementation, responsive design, and interactive UI components. Perfect for building on as a personal project or portfolio piece! 🌟📱