{"id":22274063,"url":"https://github.com/nhviet03/mobile-app_social_network","last_synced_at":"2025-07-17T23:39:40.071Z","repository":{"id":205559722,"uuid":"714230277","full_name":"NHViet03/Mobile-App_Social_Network","owner":"NHViet03","description":"Building a Full Stack Social Network Mobile App with React Native using Redux, MongoDB, Expo Router, NodeJS, and TailwindCSS.","archived":false,"fork":false,"pushed_at":"2024-06-28T10:27:14.000Z","size":13396,"stargazers_count":4,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-04T23:33:17.868Z","etag":null,"topics":["expo","expressjs","mongodb","nodejs","react","react-native","redux","socket-io","tailwind-css"],"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/NHViet03.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}},"created_at":"2023-11-04T09:49:20.000Z","updated_at":"2024-08-28T10:22:26.000Z","dependencies_parsed_at":"2024-01-03T08:09:09.015Z","dependency_job_id":"891ae875-b005-421e-8786-06e8bc24f494","html_url":"https://github.com/NHViet03/Mobile-App_Social_Network","commit_stats":{"total_commits":70,"total_committers":4,"mean_commits":17.5,"dds":0.6285714285714286,"last_synced_commit":"ddf9a6961130b05af489c5b734cf4e3ed3ffe635"},"previous_names":["nhviet03/mobile-app_social_network"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/NHViet03/Mobile-App_Social_Network","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NHViet03%2FMobile-App_Social_Network","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NHViet03%2FMobile-App_Social_Network/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NHViet03%2FMobile-App_Social_Network/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NHViet03%2FMobile-App_Social_Network/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NHViet03","download_url":"https://codeload.github.com/NHViet03/Mobile-App_Social_Network/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NHViet03%2FMobile-App_Social_Network/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265679284,"owners_count":23810125,"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":["expo","expressjs","mongodb","nodejs","react","react-native","redux","socket-io","tailwind-css"],"created_at":"2024-12-03T13:17:51.918Z","updated_at":"2025-07-17T23:39:40.052Z","avatar_url":"https://github.com/NHViet03.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mobile Social Networking Application with React Native\n![Logo](./demo/logo.png)\n\n## Project Introduction\nWe have built a mobile social networking application inspired by the Instagram platform. The app offers all the essential features of a social network, including posting, liking, sharing, commenting, and reporting posts. Additionally, users can follow others, send messages, display their activity status, and receive real-time notifications. Regarding the post reporting feature, we share the Admin Website with the [Web_Social_Network_with_Link_Prediction](https://github.com/NHViet03/Web_Social_Network_with_Link_Prediction)  project.\n* This project is used to serve as a final term project for the course in the Information Systems department at UIT: Mobile Application Development - NT118 (9.5/10)\n\n## Team Members\n\n| ID        | Name         | Facebook                          | Contribution %  |\n| :-------- | :----------- | :-------------------------------- | :-------------- |\n| 21522791  | Nguyễn Hoàng Việt | [Nguyễn Hoàng Việt](https://www.facebook.com/NgyenHoangViet) | 100 |\n| 21520400  | Nguyễn Hoàng Phúc | [Nguyễn Hoàng Phúc](https://www.facebook.com/hoangphucseiza) | 100 |\n\n## Technologies Used\n- **Frontend**: React Native, Redux, Expo Router, Tailwind CSS\n- **Backend**: NodeJS, ExpressJS\n- **Real-time**: Socket.IO\n- **Database**: MongoDB\n  \n## Database Schema \n![Schema](./demo/schema.png)\n\n## Main Features of the Application\n----------------\n### Main Features for Users\n\u003e * Login / Register (API Token)\n\u003e * Create/Like/Comment/Share/Report Posts\n\u003e * Follow/Search/View Other Users' Profiles\n\u003e * Real-time Notifications/Messaging/Calling/Active Status\n\u003e * Manage Own Profile\n\n\n## Demo of Some Interfaces\n  \n- Login \u0026 Register\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/login.jpg\" width=\"30%\" /\u003e\n  \u003cimg src=\"./demo/register_1.jpg\" width=\"30%\" /\u003e \n  \u003cimg src=\"./demo/register_2.jpg\" alt=\"Register: Verify Age\" width=\"30%\" /\u003e\n\u003c/div\u003e\n\n\n - Home \u0026 Notification \n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/home_1.jpg\" width=\"23%\" /\u003e\n  \u003cimg src=\"./demo/home_2.jpg\" width=\"23%\" /\u003e \n  \u003cimg src=\"./demo/home_3.jpg\"width=\"23%\" /\u003e\n  \u003cimg src=\"./demo/notify_suggestion.jpg\"width=\"23%\" /\u003e\n\u003c/div\u003e\n\n - Create Post\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/create_post_1.jpg\" width=\"30%\" /\u003e\n  \u003cimg src=\"./demo/create_post_2.jpg\" width=\"30%\" /\u003e \n  \u003cimg src=\"./demo/create_post_3.jpg\"width=\"30%\" /\u003e\n\u003c/div\u003e\n\n - Post Management\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/post_1.jpg\" width=\"23%\" /\u003e\n  \u003cimg src=\"./demo/post_3.jpg\" width=\"23%\" /\u003e \n  \u003cimg src=\"./demo/post_4.jpg\"width=\"23%\" /\u003e\n  \u003cimg src=\"./demo/post_2.jpg\"width=\"23%\" /\u003e\n\u003c/div\u003e\n\n - Explore \u0026 Search\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/explore_1.jpg\" width=\"30%\" /\u003e\n  \u003cimg src=\"./demo/explore_2.jpg\" width=\"30%\" /\u003e \n  \u003cimg src=\"./demo/search.jpg\"width=\"30%\" /\u003e\n\u003c/div\u003e\n\n - Messages \u0026 Active Status\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/message_1.jpg\" width=\"30%\" /\u003e\n  \u003cimg src=\"./demo/message_2.jpg\" width=\"30%\" /\u003e \n  \u003cimg src=\"./demo/message_3.jpg\" width=\"30%\" /\u003e\n\u003c/div\u003e\n\n - View \u0026 Manage Profile\n\u003cdiv float=\"left\" align=\"center\" \u003e\n  \u003cimg src=\"./demo/profile_1.jpg\" width=\"30%\" /\u003e\n  \u003cimg src=\"./demo/profile_2.jpg\" width=\"30%\" /\u003e \n  \u003cimg src=\"./demo/profile_3.jpg\" width=\"30%\" /\u003e\n\u003c/div\u003e\n\n## Installation Guide\n\n### Prerequisites\n- Node.js (v14 or later)\n- npm or yarn\n- MongoDB Atlas Database\n- Expo Go/Android Studio to run Virtual Machine\n\n### Frontend Setup\n1. **Clone the repository and navigate to the frontend directory:**\n   ```bash\n   git clone https://github.com/NHViet03/Mobile-App_Social_Network\n   cd /Mobile-App_Social_Network/client\n   \n2. **Install dependencies:**\n   ```bash\n   npm install\n\n3. **Start the Expo server:**\n   ```bash\n   npm start\n   or\n   npx expo start\n\n### Backend Setup\n1. **Navigate to the backend directory and Install dependencies:**\n   ```bash\n   cd /Mobile-App_Social_Network\n   npm install\n\n2. **Set up environment variables, create a .env file with:**\n   ```bash\n   MONGODB_URL=your_mongodb_connection_string\n   ACCESS_TOKEN_SECRET=your_access_key\n   REFRESH_TOKEN_SECRET=your_refresh_key\n\n3. **Start the backend server:**\n   ```bash\n   npm start\n*Note: After starting the backend server, proceed to start the Virtual Machine in Expo/Android Studio to launch the app.\n## Related Project\n\n- [Web_Social_Network_with_Link_Prediction](https://github.com/NHViet03/Web_Social_Network_with_Link_Prediction?tab=readme-ov-file)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhviet03%2Fmobile-app_social_network","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnhviet03%2Fmobile-app_social_network","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhviet03%2Fmobile-app_social_network/lists"}