{"id":15136767,"url":"https://github.com/nishitbaria/opengrame","last_synced_at":"2025-04-02T14:01:15.927Z","repository":{"id":207134582,"uuid":"714554180","full_name":"Nishitbaria/OpenGrame","owner":"Nishitbaria","description":"OpenGrame is a modern social media app that allows users to connect, share, and explore content in a seamless and engaging way.","archived":false,"fork":false,"pushed_at":"2024-09-27T13:22:27.000Z","size":8228,"stargazers_count":30,"open_issues_count":0,"forks_count":33,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-26T09:11:12.821Z","etag":null,"topics":["appwrite","react","react-query","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://opengram.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Nishitbaria.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["Nishitbaria"]}},"created_at":"2023-11-05T07:39:50.000Z","updated_at":"2025-02-09T04:15:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"19142927-2955-4f29-bfd3-9f30719ddeea","html_url":"https://github.com/Nishitbaria/OpenGrame","commit_stats":{"total_commits":132,"total_committers":25,"mean_commits":5.28,"dds":0.3484848484848485,"last_synced_commit":"51cee2adaba08cb4c78bf5ce1ac03ed9748fbbe9"},"previous_names":["nishitbaria/opengrame"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nishitbaria%2FOpenGrame","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nishitbaria%2FOpenGrame/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nishitbaria%2FOpenGrame/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nishitbaria%2FOpenGrame/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nishitbaria","download_url":"https://codeload.github.com/Nishitbaria/OpenGrame/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246828470,"owners_count":20840473,"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","react","react-query","tailwindcss","typescript"],"created_at":"2024-09-26T06:41:12.951Z","updated_at":"2025-04-02T14:01:15.897Z","avatar_url":"https://github.com/Nishitbaria.png","language":"TypeScript","funding_links":["https://github.com/sponsors/Nishitbaria"],"categories":[],"sub_categories":[],"readme":"# OpenGrame\n\n\u003chr\u003e\n\n\n\n\n![image](https://github.com/Nishitbaria/OpenGrame/assets/85815172/ad4197bf-0f75-4c1b-b24c-a124f755d6f7)\n\n\n\n\n## OpenGrame is a modern social media app that allows users to connect, share, and explore content in a seamless and engaging way.\n\n## Featured In\n\n\u003ctable\u003e\n\n   \u003ctr\u003e\n      \u003cth\u003eEvent Logo\u003c/th\u003e\n      \u003cth\u003eEvent Name\u003c/th\u003e\n      \u003cth\u003eEvent Description\u003c/th\u003e\n   \u003c/tr\u003e\n   \u003ctr\u003e\n      \u003ctd\u003e\u003cimg src=\".github/assets/gssoc24.png\" width=\"200\" height=\"auto\" loading=\"lazy\" alt=\"GSSoC 24\"/\u003e\u003c/td\u003e\n      \u003ctd\u003eGirlScript Summer of Code 2024\u003c/td\u003e\n      \u003ctd\u003eGirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development. \u003ca href=\"docs/gssoc.md\"\u003eClick here\u003c/a\u003e to get the guidelines.  \u003c/td\u003e\n   \u003c/tr\u003e\n\n\u003c/table\u003e\n\n## Table of Contents\n* [Technologies Used](https://github.com/Nishitbaria/OpenGrame?tab=readme-ov-file#technologies-used)\n* [Features](https://github.com/Nishitbaria/OpenGrame?tab=readme-ov-file#features)\n* [Getting Started](https://github.com/Nishitbaria/OpenGrame?tab=readme-ov-file#getting-started)\n    * [Pre-requisites](https://github.com/Nishitbaria/OpenGrame?tab=readme-ov-file#prerequisites)\n    * [Installation](https://github.com/Nishitbaria/OpenGrame?tab=readme-ov-file#installation)\n\n\n## Technologies Used\n\n- **Frontend:**\n  - React\n  - TypeScript\n  - Tailwind CSS\n  - Shadcn (for additional styling assets)\n\n- **Backend:**\n  - Appwrite (Backend as a Service)\n\n- **Data Fetching and Infinite Scroll:**\n  - React Query\n\n## Features\n\n- **User Authentication:** Secure user authentication system powered by Appwrite, ensuring the safety of user data.\n\n- **Responsive Design:** A responsive and mobile-friendly UI to provide a consistent experience across devices.\n\n- **Stylish UI with Tailwind CSS:** Utilizing the power of Tailwind CSS to create a visually appealing and customizable user interface.\n\n- **Efficient Data Fetching:** React Query is employed for efficient data fetching, ensuring optimal performance and responsiveness.\n\n- **Infinite Scroll:** Seamless and smooth infinite scroll functionality for an uninterrupted browsing experience.\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js and npm installed on your machine.\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/Nishitbaria/OpenGrame/\n   ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd OpenGrame\n   ```\n\n3. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n4. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n   The app should now be running at [http://localhost:5173](http://localhost:5173).\n\n5. Example .env You can be used in your localhost\n\n```\nVITE_APPWRITE_PROJECT_ID=\"663e1d6f0023b552e5d1\"\nVITE_APPWRITE_URL=\"https://cloud.appwrite.io/v1\"\nVITE_APPWRITE_STORAGE_ID=\"65478ceca6d8a49b3cf1\"\nVITE_APPWRITE_DATABASE_ID=\"3j22cy28uc3\"\nVITE_APPWRITE_SAVES_COLLECTION_ID=\"65479a44782ab930d6f3\"\nVITE_APPWRITE_USERS_COLLECTION_ID=\"65479b3f3ff36d0c3fa6\"\nVITE_APPWRITE_POSTS_COLLECTION_ID=\"65479a1224b7d12ccb6e\"\nVITE_APPWRITE_STORIES_COLLECTION_ID=664c1dba0005c3bb2eae\n\n```\n\n\n \n\u003ch2 align = \"center\"\u003eOur Contributors ❤️\u003c/h2\u003e\n\u003cdiv align = \"center\"\u003e\n \u003ch3\u003eThank you for contributing to our repository\u003c/h3\u003e\n\n![Contributors](https://contrib.rocks/image?repo=Nishitbaria/OpenGrame)\n\n\n\u003c/div\u003e\n\n\n\n## Acknowledgments\n\n- This project was initially inspired by the tutorials from JavaScript Mastery. A special thanks to them for the foundational knowledge that Give me to  kickstarted this project. current I am actively maintaining this project also thank to appwrite who provides good back-end as service \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishitbaria%2Fopengrame","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnishitbaria%2Fopengrame","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnishitbaria%2Fopengrame/lists"}