https://github.com/dipanshurdev/social_gram

A social Media Image sharing application. Powered by Reactjs, Tailwindcss and React Querry for Frontend and Appwrite for Backend.
https://github.com/dipanshurdev/social_gram

appwrite appwrite-auth appwrite-database react-query react-router reactjs social-media

Last synced: 15 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/dipanshurdev/social_gram
• Owner: dipanshurdev
• Created: 2024-01-12T15:37:08.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-08-21T03:26:19.000Z (3 months ago)
• Last Synced: 2024-09-09T16:17:36.501Z (about 2 months ago)
• Topics: appwrite, appwrite-auth, appwrite-database, react-query, react-router, reactjs, social-media
• Language: TypeScript
• Homepage: https://socialgram-me.vercel.app
• Size: 17.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SocialGram

![Screenshot 2024-08-21 084531](https://github.com/user-attachments/assets/6bc38e00-683d-407c-9c8e-5b3a24318c7f)

`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.

## [Live link](https://socialgram-me.vercel.app/)

## 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](https://reactjs.org/): A JavaScript library for building user interfaces.

  - [TypeScript](https://www.typescriptlang.org/): A statically typed superset of JavaScript.

  - [Vite](https://vitejs.dev/): A fast build tool for modern web projects.

  - [Tailwind CSS](https://tailwindcss.com/): A utility-first CSS framework for rapid UI development.

  - [Shadcn](https://shadcn.dev/): A component library designed for building modern UIs.

  - [React Query](https://react-query.tanstack.com/): A powerful data-fetching library for React.

- **Backend**:

  - [Appwrite](https://appwrite.io/): 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:**

   ```bash

   git clone https://github.com/your-username/Socialgram.git

   ```

2. **Install deps and start:**

   ```bash

   npm install

   npm start

   ```

### If you like it, give it a star.