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 zustand

Last synced: 21 days 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 (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-30T06:53:02.000Z (about 1 month ago)
• Last Synced: 2024-10-02T05:05:39.880Z (about 1 month ago)
• Topics: appwrite, react-query, reactjs, shadcn, typescript, zustand
• Language: TypeScript
• Homepage: https://snapgram-mare.vercel.app
• Size: 3.55 MB
• Stars: 1
• 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`