https://github.com/ammrshmbng/snapgram

A modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.
https://github.com/ammrshmbng/snapgram

appwrite react-query reactjs shadcn typescript

Last synced: 4 months ago
JSON representation

A modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

• Host: GitHub
• URL: https://github.com/ammrshmbng/snapgram
• Owner: ammrshmbng
• Created: 2024-09-01T07:20:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-10T04:24:08.000Z (over 1 year ago)
• Last Synced: 2025-10-07T11:48:21.398Z (9 months ago)
• Topics: appwrite, react-query, reactjs, shadcn, typescript
• Language: HTML
• Homepage: https://snapgram-mare.vercel.app
• Size: 4.24 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
		

	![1](readme_img/title.png)



    

    

    

    

    

  

  


# Title

Snapgram social media app

## Demo:

Access my site at [snapgram-hp0098v1.vercel.app](http://snapgram-hp0098v1.vercel.app)

## Table Of Contents:

- [About](#about-the-app)

- [Screenshots](#screenshots)

- [Technologies](#technologies)

- [Setup](#setup)

## Aboout The App:

A modern social app with a stunning UI with a native mobile feel, a special tech stack, an infinite scroll feature, and amazing performance using React JS, Appwrite, TypeScript, and more.

## Screenshots

![picture alt](/publlic/readme_img/title.png "sign in")

![picture alt](/screenshots/explore.png "explore")

## Technologies

Main lib's: `React js`, `Typescript`, `Zustand`, `React Query`, `React Hook Form`, `Zod`

Backend: `appwrite`

Styling lib's: `Shadcn`, `Tailwindcss`

## Setup 

- Download or clone repository

- run `npm install`

- add env.local variables (Get vars from appwrite)

```js

VITE_APPWRITE_PROJECT_ID=...

VITE_APPWRITE_URL=...

VITE_APPWRITE_STORAGE_ID=...

VITE_APPWRITE_DATABASE_ID=...

VITE_APPWRITE_SAVES_COLLECTION_ID=...

VITE_APPWRITE_POST_COLLECTION_ID=...

VITE_APPWRITE_USER_COLLECTION_ID=...

```

- run `npm run dev`