laeth0 / instagram-clone

Home Page:https://instagram-clone-laeth0.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Instagram Clone

Description

This is an Instagram clone web application designed to replicate the core functionality and features of the popular social media platform, Instagram. It allows users to create accounts, upload and share photos, follow other users, like and comment on posts, and engage in a familiar social media experience.

The application is built using modern web technologies, including HTML, CSS, JavaScript, ReactJS, MUI, and some libraries like swiper, and is powered by a backend server that manages user data, posts, and interactions. It also leverages a database to store user profiles, posts, and comments.

Features

  • User Registration and Authentication: Users can sign up, log in, and manage their accounts securely.
  • Profile Management: Users can customize their profiles, change profile pictures, and update their personal information.
  • Posting Photos: Users can upload and share photos, add captions, and apply filters.
  • Follow and Unfollow: Users can follow other users to see their posts in their feed and unfollow them at any time.
  • Like and Comment: Users can interact with posts by liking and commenting on them.
  • Explore Feed: Users can discover new content from users they don't follow in the explore section.
  • Notifications: Users receive real-time notifications for likes, comments, and new followers.
  • Search: Users can search for specific users or posts.
  • Responsive Design: The web application is designed to work seamlessly on both desktop and mobile devices.

Technologies Used

  • Frontend: HTML, CSS, JavaScript, React
  • Backend: Node.js, Express.js
  • Authentication: JSON Web Tokens (JWT) for secure user authentication.
  • libraries: swiper js, mui for react component

Usage

  1. Register a new user account or log in with an existing one.
  2. Explore the app, post photos, follow users, and engage with content.
  3. Enjoy the core features of Instagram in this clone.

Contribution

If you want to contribute to this project, please follow these guidelines:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Commit your changes with descriptive commit messages.
  • Open a pull request.

About

https://instagram-clone-laeth0.vercel.app


Languages

Language:JavaScript 98.7%Language:HTML 0.8%Language:CSS 0.5%