Skip to content

A social Media Image sharing application. Powered by Reactjs, Tailwindcss and React Querry for Frontend and Appwrite for Backend.

Notifications You must be signed in to change notification settings

dipanshurdev/social_gram

Repository files navigation

SocialGram

Screenshot 2024-08-21 084531

Socialgram is a social media web application inspired by Instagram, allowing users to share, like, and save images. Built with a modern tech stack, Socialgram offers a fast and responsive experience for users to connect and share moments visually.

Features

  • Create Post: Easily create a Post.
  • Image Sharing: Upload and share images with your followers.
  • Like Images: Show appreciation by liking images shared by others.
  • Save Images: Save images to view later in your saved collection.

Tech Stack

  • Frontend:

    • React.js: A JavaScript library for building user interfaces.
    • TypeScript: A statically typed superset of JavaScript.
    • Vite: A fast build tool for modern web projects.
    • Tailwind CSS: A utility-first CSS framework for rapid UI development.
    • Shadcn: A component library designed for building modern UIs.
    • React Query: A powerful data-fetching library for React.
  • Backend:

    • Appwrite: An open-source backend as a service (BaaS) platform that provides a set of essential APIs for web and mobile apps.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/Socialgram.git
  2. Install deps and start:

    npm install
    npm start

If you like it, give it a star.

About

A social Media Image sharing application. Powered by Reactjs, Tailwindcss and React Querry for Frontend and Appwrite for Backend.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published