https://github.com/amulyamachhan/instagram-clone

This project is a simplified version of Instagram, featuring dynamic post and story addition using JavaScript, as well as supporting both dark and light themes. The design is responsive to ensure a seamless user experience across various devices.
https://github.com/amulyamachhan/instagram-clone

css dark-mode design html javascript light-mode resposive-design ui

Last synced: 3 months ago
JSON representation

This project is a simplified version of Instagram, featuring dynamic post and story addition using JavaScript, as well as supporting both dark and light themes. The design is responsive to ensure a seamless user experience across various devices.

• Host: GitHub
• URL: https://github.com/amulyamachhan/instagram-clone
• Owner: AmulyaMachhan
• Created: 2024-02-25T17:51:52.000Z (11 months ago)
• Default Branch: master
• Last Pushed: 2024-04-09T11:14:03.000Z (10 months ago)
• Last Synced: 2024-05-21T06:00:42.379Z (8 months ago)
• Topics: css, dark-mode, design, html, javascript, light-mode, resposive-design, ui
• Language: JavaScript
• Homepage: https://amulyamachhan.github.io/instagram-clone/
• Size: 15.8 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Instagram Clone

Welcome to the Instagram clone project! This project is a simplified version of Instagram, featuring dynamic post and story addition using JavaScript, as well as supporting both dark and light themes. The design is responsive to ensure a seamless user experience across various devices.

You can view this site [here](https://amulyamachhan.github.io/instagram-clone/);

## Features

1. **Dynamic Posts and Stories:**

   - Utilizes JavaScript to dynamically add and update posts and stories.

   - Provides a user-friendly interface for uploading and viewing content.

2. **Dark and Light Themes:**

   - Offers both dark and light themes to cater to user preferences.

   - Users can easily switch between themes for a personalized experience.

3. **Responsive Design:**

   - Ensures a seamless user experience across devices, including desktops, tablets, and mobile phones.

## Screenshots

![instagram](https://github.com/AmulyaMachhan/instagram-clone/assets/111338400/41818507-4e5b-49c2-8ec1-1c29858d41d3)

## Technologies Used

- HTML5

- CSS3 (Flexbox/Grid for layout)

- JavaScript (DOM manipulation)

- Media queries for responsiveness

## Setup

1. Clone the repository:

   ```bash

   git clone https://github.com/amulyamachhan/instagram-clone.git