Skip to content

A responsive social web application where the users can interact with each other by posting images and reaching out to each other. (A clone of instagram)

Notifications You must be signed in to change notification settings

Fezaan/Snapgram

Repository files navigation

Snapgram

Snapgram is a social media platform where users can share photos and connect with others. This project is built using React for the frontend, React Query for managing server state, and Appwrite as the backend service.

Table of Contents

Features

  • User Authentication: Users can sign up, log in, and log out securely.
  • Post Creation and Interaction: Create, like, save, and delete posts.
  • Profile Management: View and update user profiles.
  • Infinite Scroll: Enjoy a seamless browsing experience with infinite scroll.

Installation

  1. Clone the repository:

    git clone https://github.com/Fezaan/Snapgram.git
  2. Change into the Snapgram directory

    cd Snapgram
  3. Install the necessary dependencies

    npm install
  4. Create a .env.local file in the root folder

    touch .env.local
  5. Copy and paste the following code in the .env.local file

    VITE_APPWRITE_PROJECT_ID='6587169b04394856328a'
    VITE_APPWRITE_URL='https://cloud.appwrite.io/v1'
    VITE_APPWRITE_STORAGE_ID='658991c96056fd7fb28e'
    VITE_APPWRITE_DATABASE_ID='6589920f521c885b08eb'
    VITE_APPWRITE_SAVES_COLLECTION_ID='658992ab400b85316d51'
    VITE_APPWRITE_USER_COLLECTION_ID='6589929299c8c7e0c625'
    VITE_APPWRITE_POST_COLLECTION_ID='65899258c1a8daf9d177'6
  6. Run the command

    npm run dev
    
  7. The server will start running at http://localhost:5173/

About

A responsive social web application where the users can interact with each other by posting images and reaching out to each other. (A clone of instagram)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published