{"id":20810370,"url":"https://github.com/Seavleu/vidstragram-mobileapp","last_synced_at":"2025-05-11T19:30:38.459Z","repository":{"id":249623907,"uuid":"832033031","full_name":"Seavleu/vidstragram-mobileapp","owner":"Seavleu","description":"Built with React Native for seamless user experiences, Animatable for captivating animations, and integrated with the dependable backend systems of Appwrite, this app showcases impressive design and functionality, enabling seamless sharing of AI videos within the community.","archived":false,"fork":false,"pushed_at":"2024-11-22T01:51:45.000Z","size":3358,"stargazers_count":1,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-20T05:18:56.193Z","etag":null,"topics":["appwrite","fullstack","nativewind","reactnative"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Seavleu.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":"2024-07-22T08:11:56.000Z","updated_at":"2024-11-22T01:51:48.000Z","dependencies_parsed_at":"2024-11-22T02:42:53.221Z","dependency_job_id":null,"html_url":"https://github.com/Seavleu/vidstragram-mobileapp","commit_stats":null,"previous_names":["seavleu/video-sharer-app---react-native","seavleu/vidsharer-app","seavleu/vidstragram-mobileapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seavleu%2Fvidstragram-mobileapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seavleu%2Fvidstragram-mobileapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seavleu%2Fvidstragram-mobileapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Seavleu%2Fvidstragram-mobileapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Seavleu","download_url":"https://codeload.github.com/Seavleu/vidstragram-mobileapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253620933,"owners_count":21937445,"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","fullstack","nativewind","reactnative"],"created_at":"2024-11-17T20:23:31.098Z","updated_at":"2025-05-11T19:30:38.423Z","avatar_url":"https://github.com/Seavleu.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003ch3 align=\"center\"\u003eVideo Sharing App\u003c/h3\u003e\n\u003ch5\u003eTaught By JavaScript Mastery\u003c/h5\u003e\n\u003cdiv\u003e\n    \u003cimg src=\"https://img.shields.io/badge/-React_Native-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/NativeWind-black?style=for-the-badge\u0026logoColor=white\u0026logo=tailwindcss\u0026color=06B6D4\" alt=\"nativewind\" /\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n      \u003cimg src=\"https://github.com/user-attachments/assets/6f999c83-f0e9-40ee-b2ef-ed9d468623a4\" alt=\"Project Interface\"\u003e\n    \u003ca href=\"https://vast-part-d09.notion.site/Aora-Video-Sharing-2a1c80ce68fc4edbad8e7dbd1eb5c50c\" target=\"_blank\"\u003eLearning Note\u003c/a\u003e\n\u003c/div\u003e\n## \u003ca name=\"table\"\u003eTable of Contents\u003c/a\u003e\n1. [Introduction](#introduction)\n2. [Tech Stack](#tech-stack)\n3. [Features](#features)\n4. [Quick Start](#quick-start)\n\n## \u003ca name=\"introduction\"\u003eIntroduction\u003c/a\u003e\n\nBuilt with React Native for seamless user experiences, Animatable for captivating animations, and integrated with the dependable backend systems of Appwrite,\nthis app showcases impressive design and functionality, enabling seamless sharing of AI videos within the community.\n\n## \u003ca name=\"tech-stack\"\u003eTech Stack\u003c/a\u003e\n\n- React Native\n- Expo\n- Nativewind\n- Animatable\n- Appwrite\n\n## \u003ca name=\"features\"\u003eFeatures\u003c/a\u003e\n\n👉🏻 **Onboarding Screen**: Engaging graphics and clear instructions welcome users to the app.\n\n👉🏻 **Robust Authentication \u0026 Authorization System**: Secure email login safeguards user accounts.\n\n👉🏻 **Dynamic Home Screen with Animated Flat List**: Smoothly animated flat list showcases the latest videos for seamless browsing.\n\n👉🏻 **Pull-to-Refresh Functionality**: Users can refresh content with a simple pull gesture for up-to-date information.\n\n👉🏻 **Full-Text Search Capability**: Efficiently search through videos with real-time suggestions and instant results.\n\n👉🏻 **Tab Navigation**: Navigate between sections like Home, Search, and Profile with ease using tab navigation.\n\n👉🏻 **Post Creation Screen for Uploading Media**: Upload video and image posts directly from the app with integrated media selection.\n\n👉🏻 **Profile Screen with Detailed Insights**: View account details and activity, including uploaded videos and follower count, for a personalized experience.\n\n👉🏻 **Responsiveness**: Smooth performance and adaptability across various devices and screen sizes for a consistent user experience.\n\nv **Animations**: Dynamic animations using the Animatable library to enhance user interaction and engagement throughout the app's UI.\n\nand many more, including code architecture and reusability\n\n## \u003ca name=\"quick-start\"\u003eQuick Start\u003c/a\u003e\n\n### Project Structure\n\n```bash\nvidstragram-mobileapp/\n├── app/\n│   └── (auth)/\n│       ├── _layout.jsx\n│       ├── sign-in.jsx\n│       ├── sign-out.jsx\n│   └── (tabs)/\n│       ├── _layout.jsx\n│       ├── bookmark.jsx\n│       ├── create.jsx\n│       ├── home.jsx\n│       ├── profile.jsx\n│   └── search/\n│       ├── [query].jsx\n├── _layout.jsx\n├── index.jsx\n├── assets/\n│   ├── fonts/\n│   ├── icons/\n│   ├── images/\n├── components/\n├── constants/\n├── context/\n├── lib/\n```\n\n**Cloning the Repository**\n\n```bash\ngit clone https://github.com/Seavleu/Video-Sharer-App---React-Native\n\n```\n\n**Installation**\n\nInstall the project dependencies using npm:\n\n```bash\nnpm install\n```\n\n**Running the Project**\n\n```bash\nnpm start\n```\n\n**Expo Go**\n\nDownload the [Expo Go](https://expo.dev/go) app onto your device, then use it to scan the QR code from Terminal and run.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSeavleu%2Fvidstragram-mobileapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSeavleu%2Fvidstragram-mobileapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSeavleu%2Fvidstragram-mobileapp/lists"}