{"id":18138103,"url":"https://github.com/andreynav/social-network","last_synced_at":"2025-04-06T17:28:56.228Z","repository":{"id":91695542,"uuid":"534651698","full_name":"andreynav/social-network","owner":"andreynav","description":"Social network app for programmers | React, Redux-toolkit","archived":false,"fork":false,"pushed_at":"2023-02-04T18:18:10.000Z","size":1681,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T23:39:32.396Z","etag":null,"topics":["it-kamasutra","react","redux-toolkit","reduxjs-toolkit","social-network","styled-components","type-application","typescript"],"latest_commit_sha":null,"homepage":"https://social-network-4geeks.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andreynav.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-09-09T13:21:25.000Z","updated_at":"2023-06-02T15:38:56.000Z","dependencies_parsed_at":"2023-03-05T04:30:44.212Z","dependency_job_id":null,"html_url":"https://github.com/andreynav/social-network","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreynav%2Fsocial-network","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreynav%2Fsocial-network/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreynav%2Fsocial-network/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andreynav%2Fsocial-network/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andreynav","download_url":"https://codeload.github.com/andreynav/social-network/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247521126,"owners_count":20952297,"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":["it-kamasutra","react","redux-toolkit","reduxjs-toolkit","social-network","styled-components","type-application","typescript"],"created_at":"2024-11-01T15:42:10.138Z","updated_at":"2025-04-06T17:28:56.208Z","avatar_url":"https://github.com/andreynav.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n\n![GitHub repo size](https://img.shields.io/github/repo-size/andreynav/social-network?style=for-the-badge)\n![GitHub deployments](https://img.shields.io/github/deployments/andreynav/social-network/production?label=vercel%20deployment\u0026style=for-the-badge)\n![Website](https://img.shields.io/website?label=social%20network%20status\u0026style=for-the-badge\u0026url=https%3A%2F%2Fsocial-network-4geeks-git-master-andreynav.vercel.app%2F)\n\n\u003c/div\u003e\n\n# General Notes\n\nThe current project is a project of social network executed due to the React, Redux, Styled components.\n\nThe project used the API calls to back-end, possibility to set up your own user profile, set up the languages and themes.\n\n## Demo\n\nYou can open and use the app by [social network app link](https://social-network-4geeks-git-master-andreynav.vercel.app/). \n\nUse free account for login: **Email:** `free@samuraijs.com` **Password:** `free`.\n\nTo find an author's private profile use the endpoint `/profile/26100` inside the app 🙂\n\n\n## Project structure\n\nThe project has multilayer structure:\n\n- `public` - used to keep static content for builds\n- `api` - used to keep API calls functionality\n- `assets` - used to keep static content\n- `components` - used to keep react components\n  - `App` - used to keep main App component\n  - `...` - rest of components\n  - `common` - used to keep common for whole app components\n- `fonts` - used to keep fonts\n- `hoc` - used to keep Higher Order Components\n- `hook` - used to keep hooks\n- `locales` - used to keep locales for translations\n- `store` - used to keep store\n- `styles` - used to keep styles\n- `tests` - used to keep tests\n- `types` - used to keep TypeScript common types\n- `utils` - used to keep utils for helping\n\n```\n.\n├── public\n└── src\n    ├── api\n    ├── assets\n    ├── components\n    │   ├── App\n    │   ├── Captcha\n    │   ├── Dialogs\n    │   ├── Footer\n    │   ├── FormPostMessage\n    │   ├── Header\n    │   ├── InputField\n    │   ├── Login\n    │   ├── Music\n    │   ├── Navbar\n    │   ├── News\n    │   ├── NotFound\n    │   ├── Paginator\n    │   ├── PhotoSection\n    │   ├── Profile\n    │   │   ├── MyPosts\n    │   │   └── ProfileInfo\n    │   ├── Settings\n    │   ├── TextAreaField\n    │   ├── Users\n    │   ├── common\n    │   │   ├── Avatar\n    │   │   ├── Button\n    │   │   ├── Label\n    │   │   ├── Like\n    │   │   ├── Loader\n    │   │   ├── Logo\n    │   │   ├── Radio\n    │   │   ├── Select\n    │   │   └── Toggle\n    ├── fonts\n    ├── hoc\n    ├── hook\n    ├── locales\n    │   ├── en\n    │   └── ru\n    ├── store\n    ├── styles\n    ├── tests\n    ├── types\n    └── utils\n```\n\n## Dependencies\n\nThe project has the next dependencies in the [package.json](package.json) file.\n\n\u003cdiv align=\"center\"\u003e\n\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/react?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/@reduxjs/toolkit?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/react-router-dom?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/react-hook-form?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/styled-components?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/axios?style=for-the-badge)\n![GitHub package.json dependency version (prod)](https://img.shields.io/github/package-json/dependency-version/andreynav/social-network/i18next?style=for-the-badge)\n\n\u003c/div\u003e\n\n\n## Installation\n\n1. Clone project to your PC by the following command:\n\n```console\n  git clone https://github.com/andreynav/social-network.git\n```\n\n2. Open the root directory and enter the following command:\n\n```console\n  yarn\n```\n\n3. In the root directory create `.env` file and add inside it a row `REACT_APP_API_KEY=XXXX` where `XXXX` is your API key for getting back-end. To get API key you need to create your own account on the [Social Network API](https://social-network.samuraijs.com/) site. Also, you can add a row like `PORT=3001` to `.env` file, and run the project on the desired port. \n\n\n## Running project\n\nTo run project, open the root directory and enter the following command:\n\n```console\n  yarn start\n```\n\nThe command runs the app in the development mode.\nOpen [http://localhost:3001](http://localhost:3000) to view it in your browser.\n\n## Running tests\n\nTo run the tests, open the root directory and enter the following command:\n\n```console\n  yarn test\n```\n\nLaunches the test runner in the interactive watch mode.\nSee the folder [tests](src/tests) for information about existing tests.\n\n## Running build\n\nTo run build, open the root directory and enter the following command:\n\n```console\n  yarn build\n```\n\nBuilds the app for production to the `build` folder.\n\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n## License\n\nThe project is open source software provided under the [Apache License 2.0](LICENSE.md).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreynav%2Fsocial-network","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandreynav%2Fsocial-network","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandreynav%2Fsocial-network/lists"}