Skip to content

morikeli/instagram-clone

Repository files navigation

Instagram clone

Project screenshots

Login page Signup page
Screenshot from 2024-02-24 20-43-11 Screenshot from 2025-03-03 16-09-07
Homepage User profile page
Screenshot from 2024-03-08 22-09-45 Screenshot from 2025-03-03 16-03-07
Messages page Messages screen on scroll
Screenshot from 2025-03-03 16-03-47 Screenshot from 2025-03-03 16-03-53

Overview

This is an Instagram clone that has most of the features available in Instagram. These features include:

  • authentication - login, signup, logout
  • follow/unfollow users
  • Like/unlike posts
  • comment on posts
  • update user profile, user's post
  • send and recieve messages
  • recieve notifications

Technologies used:

  • HTML, CSS, Javascript, Bootsrap 5, htmx (front-end)
  • Django (back-end)

User instructions

Users can view the website by clicking this link.

Developer instructions

Installation instructions

  # navigate to Desktop
  cd Desktop

  # git clone this repo
  git clone https://github.com/morikeli/instagram-clone.git

  # create a virtual environment
  python3 -m venv .ig-venv

  # activate virtual environment
  source .ig-venv/bin/activate    # On Windows use venv\Scripts\activate

  # install python packages
  pip install -r requirements.txt

  # run the development server
  python manage.py runserver

Once the server is running, open your default browser and navigate to 127.0.0.1:8000/auth/login/.

Known issues

Incase of an error or bug create an issue using the Issues tab or create a new branch using Git and make a pull request.

Don't forget to star the repo 🌟😉