Skip to content

Hendrickhz/social-app

Repository files navigation

Instagram Clone

Overview

This project is a full-stack Instagram clone developed using React and Firebase. It replicates key features of the popular social media platform, including user authentication, profile customization, post creation, real-time interactions, and more.

App link

App link

Features

  • User authentication (email/password and Google authentication)
  • Profile customization and editing
  • Follow/unfollow functionality
  • Real-time feed updates
  • User search
  • Post creation and deletion
  • Commenting on posts
  • Like and unlike posts
  • Notifications
  • Modal boxes for following list, followers list, etc.

Additional Features

  • Notifications
  • Modal boxes for following list, followers list, etc.

Technologies Used

  • React
  • Firebase (Authentication, Firestore, Storage)
  • Zustand (for state management)
  • Chakra UI (for styling)

Project Structure

  • /src
  • /components
  • /firebase
  • /hooks
  • /layouts
  • /pages
  • /store
  • App.jsx
  • main.jsx

Acknowledgments

The project is inspired by the YouTube video 'Build and Deploy an Instagram Clone with React and Firebase – Tutorial' from freeCodeCamp

App sample images

Sample Photo One

Sample Photo Two

Sample Photo Three

Sample Photo Four

Releases

No releases published

Packages

No packages published

Languages