{"id":26979833,"url":"https://github.com/harjyoti12/social","last_synced_at":"2025-06-23T17:34:49.057Z","repository":{"id":285874200,"uuid":"945831160","full_name":"harjyoti12/social","owner":"harjyoti12","description":"🚀 Snapgram (FREE Version) – 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! 💙✨","archived":false,"fork":false,"pushed_at":"2025-04-03T05:23:21.000Z","size":2540,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T06:27:46.232Z","etag":null,"topics":["appwrite","context-api","react-router","reacthookform","reactjs","shadcn-ui","tailwindcss","tanstack-query","typescript","vite","zod"],"latest_commit_sha":null,"homepage":"https://snapgram-one-kappa.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/harjyoti12.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-10T07:40:15.000Z","updated_at":"2025-04-03T05:23:25.000Z","dependencies_parsed_at":"2025-04-03T06:38:53.187Z","dependency_job_id":null,"html_url":"https://github.com/harjyoti12/social","commit_stats":null,"previous_names":["harjyoti12/social"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/harjyoti12/social","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harjyoti12%2Fsocial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harjyoti12%2Fsocial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harjyoti12%2Fsocial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harjyoti12%2Fsocial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/harjyoti12","download_url":"https://codeload.github.com/harjyoti12/social/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/harjyoti12%2Fsocial/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261523058,"owners_count":23171947,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appwrite","context-api","react-router","reacthookform","reactjs","shadcn-ui","tailwindcss","tanstack-query","typescript","vite","zod"],"created_at":"2025-04-03T14:19:14.027Z","updated_at":"2025-06-23T17:34:48.983Z","avatar_url":"https://github.com/harjyoti12.png","language":"TypeScript","funding_links":["https://buymeacoffee.com/horoji86v/build-your-own-social-media-app-just-5-full-source-code","https://www.buymeacoffee.com/horoji86v"],"categories":[],"sub_categories":[],"readme":"\n\n# 🔥 Modern Social Media Web App (FREE Version)  \n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://youtu.be/trRuVtJcN38\" target=\"_blank\"\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/105da6b7-b296-45fa-9e56-b1d21f0a5383\"\u003e\u003c/p\u003e\n  \u003c/a\u003e\n    \u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_JS-black?style=for-the-badge\u0026logoColor=white\u0026logo=react\u0026color=61DAFB\" alt=\"react.js\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Appwrite-black?style=for-the-badge\u0026logoColor=white\u0026logo=appwrite\u0026color=FD366E\" alt=\"appwrite\" /\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-Tailwind_CSS-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"tailwindcss\" /\u003e\n\u003cimg src=\"https://img.shields.io/badge/ShadCN-%232E3440.svg?style=for-the-badge\u0026amp;logo=shadcn\u0026amp;logoColor=white\" alt=\"shields\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/TanStack_Query-%23FF4154.svg?style=for-the-badge\u0026logo=reactquery\u0026logoColor=white\" alt=\"reactquery\" /\u003e \n    \u003cimg src=\"https://img.shields.io/badge/-Typescript-black?style=for-the-badge\u0026logoColor=white\u0026logo=typescript\u0026color=3178C6\" alt=\"typescript\" /\u003e\n\u003cimg src='https://img.shields.io/badge/PWA-%235A0FC8.svg?style=for-the-badge\u0026logo=pwa\u0026logoColor=white' alt='pwa' /\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cbr/\u003e\n\n# 👋 **Welcome to the free version of this modern social media web app!**  \nThis version includes essential features to get started, but for the **full experience**, consider upgrading to the **PAID version**!  \n\n---\n\n## 🎥 Watch the PAID Version Demo  \n\n📺 **YouTube Video Demo:**  \n👉 [Click Here to Watch](https://youtu.be/trRuVtJcN38)  \n\n---\n\n## 🌍 Try the Live Demo (PAID Version)  \n\n🔗 **Check out the full version in action:**  \n👉 [PAID Version Live Demo](https://snapgram-one-kappa.vercel.app/)  \n\n---\n\n## 📸 Preview of PAID Version Features  \n\n👀 **See what you unlock in the PAID version!**  \n\n\u003cimg src='https://github.com/user-attachments/assets/2e63cdfa-b7db-430f-8077-ef86b0593b7a' alt='story' /\u003e\n\n📌 **Stories with auto-delete (Available in PAID version)**  \n\n\u003cimg src='https://github.com/user-attachments/assets/ceb20923-9afe-4233-80ab-b29177f9a406' alt='reels'\u003e \n\n📌 **Reels Page – Watch, Upload \u0026 Search Reels**  \n\n\u003cimg src='https://github.com/user-attachments/assets/ce917767-f1c3-4ed7-927f-13b8893f2915' alt='profile'\u003e\n\n📌 **Full Profile Customization \u0026 Advanced User Search**  \n\n🚀 **Want full access?** Unlock the **PAID version** now!  \n👉 **[Get the FULL VERSION](https://buymeacoffee.com/horoji86v/build-your-own-social-media-app-just-5-full-source-code)**  \n\n---\n\n## 📌 FREE vs. PAID Features  \n\n| Feature                        | FREE Version ✅ | PAID Version 🔥 |\n|--------------------------------|---------------|----------------|\n| **Basic Features** – Home, Posts, Profiles | ✅ | ✅ |\n| **Infinite Scroll** – Smooth browsing | ✅ | ✅ |\n| **Saved Posts** – Keep track of favorites | ✅ | ✅ |\n| **Explore Page with Post Search** | ✅ | ✅ |\n| **People Page** – Find and connect with users | ✅ | ✅ |\n| **Stories with Auto-Delete** | ❌ | 🔥 Available |\n| **Reels Page – Upload \u0026 Watch Reels** | ❌ | 🔥 Available |\n| **Saved Reels Section** | ❌ | 🔥 Available |\n| **Full Profile Customization** | ❌ | 🔥 Available |\n| **Advanced User Search \u0026 Explore** | ❌ | 🔥 Available |\n| **Installable PWA (Mobile App Experience)** | ❌ | 🔥 Available |\n| **Exclusive Performance Optimizations** | ❌ | 🔥 Available |\n| **Lifetime Access \u0026 Future Updates** | ❌ | 🔥 Available |\n\n🚀 **Want the full version?** 👉 [Upgrade Now](https://buymeacoffee.com/horoji86v/build-your-own-social-media-app-just-5-full-source-code)  \n\n---\n\n## 💎 How to Get the Full Source Code?  \n\n📌 **Step 1:** Go to **Buy Me a Coffee** and purchase access:  \n👉 **[Buy Now](https://buymeacoffee.com/horoji86v/build-your-own-social-media-app-just-5-full-source-code)**  \n\n📌 **Step 2:** After payment, you'll get a **private repo invite** to the PAID version.  \n\n📌 **Step 3:** Clone the repo \u0026 start building! 🚀  \n\n ---\n\n## 📜 Installation \u0026 Setup  \nMake sure you have the following installed on your machine:\n\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/en)\n- [npm](https://www.npmjs.com/) (Node Package Manager)\n\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Set Up Environment Variables**\n\nCreate a new file named `.env` in the root of your project and add the following content:\n\n```env\nVITE_APPWRITE_URL=\nVITE_APPWRITE_PROJECT_ID=\nVITE_APPWRITE_DATABASE_ID=\nVITE_APPWRITE_STORAGE_ID=\nVITE_APPWRITE_USER_COLLECTION_ID=\nVITE_APPWRITE_POST_COLLECTION_ID=\nVITE_APPWRITE_SAVES_COLLECTION_ID=\nVITE_APPWRITE_FOLLOWERS_COLLECTION_ID = \nVITE_APPWRITE_STORIES_COLLECTION_ID = \nVITE_APPWRITE_COMMENT_COLLECTION_ID =\nVITE_APPWRITE_REELS_COLLECTION_ID = \nVITE_APPWRITE_REELSLIKES_COLLECTION_ID = \nVITE_APPWRITE_REELSCOMMENTS_COLLECTION_ID = \nVITE_APPWRITE_REELSAVES_COLLECTION_ID =\n```\nReplace the placeholder values with your actual Appwrite credentials. You can obtain these credentials by signing up on the [Appwrite website](https://appwrite.io/).\n\n**Running the Project**\n```bash\nnpm start\n```\n\nOpen [http://localhost:3000](http://localhost:3000) in your browser to view the project.\n\n---\n## 🛠 Contribution Guidelines\n\n- We welcome contributions to improve the project! To contribute, please follow these guidelines:\n\n1. Fork the Repository:\n\nClick the \"Fork\" button on the top right corner of the repository page on GitHub to create your own copy of the repository.\n\n2. Clone Your Fork:\n\n```bash\ngit clone https://github.com/harjyoti12/social.git\n\ncd Social_media_app\n```\n3.Create a New Branch:\n\n- It's best to create a new branch for your changes.\n\n```bash\ngit checkout -b feature/your-feature-name\n```\n\n4. Make Your Changes:\n\n- Implement your changes or additions to the project. Be sure to test your changes thoroughly.\n\n5. Commit Your Changes:\n\n```bash \ngit add .\ngit commit -m \"Add a descriptive message about your changes\"\n\n```\n6. Push to Your Fork:\n\n```bash\n\ngit push origin feature/your-feature-name\n\n```\n\n7. Create a Pull Request:\n\n- Go to the original repository on GitHub and click \"New Pull Request.\"\n- Select your branch and provide a detailed description of the changes you made.\n- Submit the pull request for review.\n---\n\n\n## ☕ Support My Work!  \n\nIf this free version helped you, consider **buying me a coffee** to support future projects! 💙  \n\n  [![BuyMeACoffee](https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge\u0026logo=buy-me-a-coffee\u0026logoColor=black)](https://www.buymeacoffee.com/horoji86v)  \n\n\n\n\u003ch2 id=\"colab\"\u003e🤝 Collaborators\u003c/h2\u003e\n\n\u003cp\u003eSpecial thank you for all people that contributed for this project. \u003c/p\u003e\n\u003ctable\u003e\n\u003ctr\u003e\n\n\u003ctd align=\"center\"\u003e\n\u003ca href=\"https://github.com/harjyoti12\"\u003e\n\u003cimg src=\"https://avatars.githubusercontent.com/u/157897673?s=400\u0026u=abe13b8c5228f5fafa4d3f69ffaaec3c1c65de07\u0026v=4\" width=\"100px\" alt=\"Harjyoti  Profile Picture\"/\u003e\u003cbr\u003e\n\u003csub\u003e\n\u003cb\u003eHarjyoti Kalita\u003c/b\u003e\n\u003c/sub\u003e\n\u003c/a\u003e\n\u003c/td\u003e\n\n\u003c/tr\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharjyoti12%2Fsocial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharjyoti12%2Fsocial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharjyoti12%2Fsocial/lists"}