{"id":17651765,"url":"https://github.com/diegovictor/devradar-web","last_synced_at":"2025-05-07T07:15:26.841Z","repository":{"id":98963980,"uuid":"329750647","full_name":"DiegoVictor/devradar-web","owner":"DiegoVictor","description":"Project developed during the OmniStack Week 10.0","archived":false,"fork":false,"pushed_at":"2025-01-18T12:14:40.000Z","size":12816,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-05T08:42:42.988Z","etag":null,"topics":["devradar","editorconfig","eslint","javascript","js","node","nodejs","react","reactjs","rocketseat","web"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/DiegoVictor.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2021-01-14T22:34:20.000Z","updated_at":"2025-01-18T12:14:42.000Z","dependencies_parsed_at":"2024-01-17T04:48:04.485Z","dependency_job_id":null,"html_url":"https://github.com/DiegoVictor/devradar-web","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/DiegoVictor%2Fdevradar-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fdevradar-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fdevradar-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fdevradar-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DiegoVictor","download_url":"https://codeload.github.com/DiegoVictor/devradar-web/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242930183,"owners_count":20208413,"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":["devradar","editorconfig","eslint","javascript","js","node","nodejs","react","reactjs","rocketseat","web"],"created_at":"2024-10-23T11:43:31.701Z","updated_at":"2025-03-10T21:31:07.965Z","avatar_url":"https://github.com/DiegoVictor.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Web] DevRadar\n[![AppVeyor](https://img.shields.io/appveyor/build/diegovictor/devradar-web?logo=appveyor\u0026style=flat-square)](https://ci.appveyor.com/project/DiegoVictor/devradar-web)\n[![react](https://img.shields.io/badge/reactjs-18.2.0-61dafb?style=flat-square\u0026logo=react)](https://reactjs.org/)\n[![styled-components](https://img.shields.io/badge/styled_components-6.0.7-db7b86?style=flat-square\u0026logo=styled-components)](https://styled-components.com/)\n[![eslint](https://img.shields.io/badge/eslint-8.46.0-4b32c3?style=flat-square\u0026logo=eslint)](https://eslint.org/)\n[![airbnb-style](https://flat.badgen.net/badge/style-guide/airbnb/ff5a5f?icon=airbnb)](https://github.com/airbnb/javascript)\n[![jest](https://img.shields.io/badge/jest-29.6.2-brightgreen?style=flat-square\u0026logo=jest)](https://jestjs.io/)\n[![coverage](https://img.shields.io/codecov/c/gh/DiegoVictor/devradar-web?logo=codecov\u0026style=flat-square)](https://codecov.io/gh/DiegoVictor/devradar-web)\n[![MIT License](https://img.shields.io/badge/license-MIT-green?style=flat-square)](https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/LICENSE)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\nThis web version allows users to register yourself, look for another users by technologies and see their GitHub profile information. All the resources used by this application comes from its [`API`](https://github.com/DiegoVictor/devradar-api).\n\n## Table of Contents\n* [Screenshots](#screenshots)\n* [Installing](#installing)\n  * [Configuring](#configuring)\n    * [.env](#env)\n    * [API](#api)\n* [Usage](#usage)\n  * [localStorage](#localstorage)\n* [Running the tests](#running-the-tests)\n  * [Coverage Report](#coverage-report)\n\n# Screenshots\nClick to expand.\u003cbr\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/animation.gif\" width=\"98.4%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/search.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/signup.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/processing.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/signed.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/search-signed.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/devradar-web/main/screenshots/edit.png\" width=\"49%\"/\u003e\n\n# Installing\nEasy peasy lemon squeezy:\n```\n$ yarn\n```\nOr:\n```\n$ npm install\n```\n\u003e Was installed and configured the [`eslint`](https://eslint.org/) and [`prettier`](https://prettier.io/) to keep the code clean and patterned.\n\n## Configuring\nConfigure your environment variables and remember to start the [API](https://github.com/DiegoVictor/devradar-api) before to start this app.\n\n### .env\nIn this file you may configure the API's url. Rename the `.env.example` in the root directory to `.env` then just update with your settings.\n\nkey|description|default\n---|---|---\nREACT_APP_URL|Utilized to created the redirect url to GitHub OAuth process|`http://localhost:3000`\nREACT_APP_API_URL|API's url with version (v1)|`http://localhost:3333/v1`\nREACT_APP_SOCKET_URL|API's socket url|`http://localhost:3333`\nREACT_APP_MAP_LAT and REACT_APP_MAP_LNG|Where the map will center by default| -\nREACT_APP_GOOGLEMAP_API_KEY|API Key to allow Google Maps to be rendered (See [Get an API Key](https://developers.google.com/maps/documentation/javascript/get-api-key))| -\nREACT_APP_GITHUB_CLIENT_ID|GitHub App Client ID (the same utilized in the [API](https://github.com/DiegoVictor/devradar-api))| -\n\n### API\nStart the [API](https://github.com/DiegoVictor/devradar-api) (see its README for more information). In case of any change in the API's `port` or `host` remember to update the [`.env`](#env) too.\n\n# Usage\nTo start the app run:\n```\n$ yarn start\n```\nOr:\n```\nnpm run start\n```\n\n## localStorage\nThe project saves user's data and token into a [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) key: `devradar`. Before use this data you need parse the data to a JavaScript object with [`JSON.parse`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) function. Below you can see fictitious data:\n```json\n{\n  \"_id\": \"60062bebde7800844cc23a26\",\n  \"avatar_url\": \"https://avatars3.githubusercontent.com/u/15165349?v=4\",\n  \"techs\": \"Node.js, React, ReactNative\",\n  \"latitude\": -22.424944399999973,\n  \"longitude\": -46.979399400000005,\n  \"token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYwMDYyYmViZGU3ODAwODQ0Y2MyM2EyNiIsImlhdCI6MTYxMTAxODc4NywiZXhwIjoxNjExNjIzNTg3fQ.Ut25eM4tyFvBkhFf_Ox9qLhjLsKSyEjNYAKiReF-eBU\"\n}\n```\n\n# Running the tests\n[Jest](https://jestjs.io) was the choice to test the app, to run:\n```\n$ yarn test\n```\nOr:\n```\n$ npm run test\n```\n\n## Coverage report\nYou can see the coverage report inside `tests/coverage`. They are automatically created after the tests run.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegovictor%2Fdevradar-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiegovictor%2Fdevradar-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegovictor%2Fdevradar-web/lists"}