8000 GitHub - harjyoti12/social: πŸš€ Snapgram – A modern social media web app built with React, TypeScript, Tailwind CSS, and Appwrite! Enjoy infinite scrolling, saved posts, user profiles, explore page, and more. Get started for free and upgrade to unlock premium features like Stories, Reels, and PWA support! πŸ’™βœ¨
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

πŸš€ Snapgram – A modern social media web app built with React, TypeScript, Tailwind CSS, and Appwrite! Enjoy infinite scrolling, saved posts, user profiles, explore page, and more. Get started for free and upgrade to unlock premium features like Stories, Reels, and PWA support! πŸ’™βœ¨

Notifications You must be signed in to change notification settings

harjyoti12/social

Repository files navigation

πŸ”₯ Modern Social Media Web App (FREE Version)


πŸ‘‹ Welcome to the free version of this modern social media web app!

This version includes essential features to get started, but for the full experience, consider upgrading to the PAID version!


πŸŽ₯ Watch the PAID Version Demo

πŸ“Ί YouTube Video Demo:
πŸ‘‰ Click Here to Watch


🌍 Try the Live Demo (PAID Version)

πŸ”— Check out the full version in action:
πŸ‘‰ PAID Version Live Demo


πŸ“Έ Preview of PAID Version Features

πŸ‘€ See what you unlock in the PAID version!

story

πŸ“Œ Stories with auto-delete (Available in PAID version)

reels

πŸ“Œ Reels Page – Watch, Upload & Search Reels

profile

πŸ“Œ Full Profile Customization & Advanced User Search

πŸš€ Want full access? Unlock the PAID version now!
πŸ‘‰ Get the FULL VERSION


πŸ“Œ FREE vs. PAID Features

Feature FREE Version βœ… PAID Version πŸ”₯
Basic Features – Home, Posts, Profiles βœ… βœ…
Infinite Scroll – Smooth browsing βœ… βœ…
Saved Posts – Keep track of favorites βœ… βœ…
Explore Page with Post Search βœ… βœ…
People Page – Find and connect with users βœ… βœ…
Stories with Auto-Delete ❌ πŸ”₯ Available
Reels Page – Upload & Watch Reels ❌ πŸ”₯ Available
Saved Reels Section ❌ πŸ”₯ Available
Full Profile Customization ❌ πŸ”₯ Available
Advanced User Search & Explore ❌ πŸ”₯ Available
Installable PWA (Mobile App Experience) ❌ πŸ”₯ Available
Exclusive Performance Optimizations ❌ πŸ”₯ Available
Lifetime Access & Future Updates ❌ πŸ”₯ Available

πŸš€ Want the full version? πŸ‘‰ Upgrade Now


πŸ’Ž How to Get the Full Source Code?

πŸ“Œ Step 1: Go to Buy Me a Coffee and purchase access:
πŸ‘‰ Buy Now

πŸ“Œ Step 2: After payment, you'll get a private repo invite to the PAID version.

πŸ“Œ Step 3: Clone the repo & start building! πŸš€


πŸ“œ Installation & Setup

Make sure you have the following installed on your machine:

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_APPWRITE_URL=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_STORAGE_ID=
VITE_APPWRITE_USER_COLLECTION_ID=
VITE_APPWRITE_POST_COLLECTION_ID=
VITE_APPWRITE_SAVES_COLLECTION_ID=
VITE_APPWRITE_FOLLOWERS_COLLECTION_ID = 
VITE_APPWRITE_STORIES_COLLECTION_ID = 
VITE_APPWRITE_COMMENT_COLLECTION_ID =
VITE_APPWRITE_REELS_COLLECTION_ID = 
VITE_APPWRITE_REELSLIKES_COLLECTION_ID = 
VITE_APPWRITE_REELSCOMMENTS_COLLECTION_ID = 
VITE_APPWRITE_REELSAVES_COLLECTION_ID =

Replace the placeholder values with your actual Appwrite credentials. You can obtain these credentials by signing up on the Appwrite website.

Running the Project

npm start

Open http://localhost:3000 in your browser to view the project.


πŸ›  Contribution Guidelines

  • We welcome contributions to improve the project! To contribute, please follow these guidelines:
  1. Fork the Repository:

Click the "Fork" button on the top right corner of the repository page on GitHub to create your own copy of the repository.

  1. Clone Your Fork:
git clone https://github.com/harjyoti12/social.git

cd Social_media_app

3.Create a New Branch:

  • It's best to create a new branch for your changes.
git checkout -b feature/your-feature-name
  1. Make Your Changes:
  • Implement your changes or additions to the project. Be sure to test your changes thoroughly.
  1. Commit Your Changes:
git add .
git commit -m "Add a descriptive message about your changes"
  1. Push to Your Fork:
git push origin feature/your-feature-name
  1. Create a Pull Request:
  • Go to the original repository on GitHub and click "New Pull Request."
  • Select your branch and provide a detailed description of the changes you made.
  • Submit the pull request for review.

β˜• Support My Work!

If this free version helped you, consider buying me a coffee to support future projects! πŸ’™

BuyMeACoffee

🀝 Collaborators

Special thank you for all people that contributed for this project.

Harjyoti  Profile Picture
Harjyoti Kalita

About

πŸš€ Snapgram – A modern social media web app built with React, TypeScript, Tailwind CSS, and Appwrite! Enjoy infinite scrolling, saved posts, user profiles, explore page, and more. Get started for free and upgrade to unlock premium features like Stories, Reels, and PWA support! πŸ’™βœ¨

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0