{"id":17651783,"url":"https://github.com/diegovictor/bethehero-web","last_synced_at":"2026-01-19T08:03:57.557Z","repository":{"id":42804931,"uuid":"270737614","full_name":"DiegoVictor/bethehero-web","owner":"DiegoVictor","description":"Project developed during the OmniStack Week 11.0","archived":false,"fork":false,"pushed_at":"2025-07-15T12:47:48.000Z","size":7276,"stargazers_count":0,"open_issues_count":7,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-16T04:44:26.270Z","etag":null,"topics":["bethehero","coverage-report","javascript","js","localstorage","node","nodejs","omnistack","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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-06-08T16:17:12.000Z","updated_at":"2025-07-15T12:47:51.000Z","dependencies_parsed_at":"2025-01-04T15:19:45.756Z","dependency_job_id":"ea0477ec-0639-41a3-b0ed-0d40696309ac","html_url":"https://github.com/DiegoVictor/bethehero-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DiegoVictor/bethehero-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fbethehero-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fbethehero-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fbethehero-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fbethehero-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DiegoVictor","download_url":"https://codeload.github.com/DiegoVictor/bethehero-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DiegoVictor%2Fbethehero-web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28563251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T03:31:16.861Z","status":"ssl_error","status_checked_at":"2026-01-19T03:31:15.069Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bethehero","coverage-report","javascript","js","localstorage","node","nodejs","omnistack","react","reactjs","rocketseat","web"],"created_at":"2024-10-23T11:43:38.980Z","updated_at":"2026-01-19T08:03:57.542Z","avatar_url":"https://github.com/DiegoVictor.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Web] Be The Hero\n[![AppVeyor](https://img.shields.io/appveyor/build/diegovictor/bethehero-web?logo=appveyor\u0026style=flat-square)](https://ci.appveyor.com/project/DiegoVictor/bethehero-web)\n[![react](https://img.shields.io/badge/reactjs-19.1.0-61dafb?style=flat-square\u0026logo=react)](https://reactjs.org/)\n[![styled-components](https://img.shields.io/badge/styled_components-6.1.16-db7b86?style=flat-square\u0026logo=styled-components)](https://styled-components.com/)\n[![eslint](https://img.shields.io/badge/eslint-8.44.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.7.0-brightgreen?style=flat-square\u0026logo=jest)](https://jestjs.io/)\n[![coverage](https://img.shields.io/codecov/c/gh/DiegoVictor/bethehero-web?logo=codecov\u0026style=flat-square)](https://codecov.io/gh/DiegoVictor/bethehero-web)\n[![MIT License](https://img.shields.io/badge/license-MIT-green?style=flat-square)](https://raw.githubusercontent.com/DiegoVictor/bethehero-web/main/LICENSE)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\u003cbr\u003e\nThis web version allow NGOs to register yourself and manage its incidents. All the resources used by this application comes from its [`API`](https://github.com/DiegoVictor/bethehero-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  * [Register \u0026 Login](#register--login)\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/bethehero-web/main/screenshots/register.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/bethehero-web/main/screenshots/logon.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/bethehero-web/main/screenshots/incidents.png\" width=\"49%\"/\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/DiegoVictor/bethehero-web/main/screenshots/create.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/bethehero-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_API_URL|API's url with version (v1)|`http://localhost:3333/v1`\n\n### API\nStart the [API](https://github.com/DiegoVictor/bethehero-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\n# Usage\nTo start the app run:\n```\n$ yarn start\n```\nOr:\n```\nnpm run start\n```\n\n## Register \u0026 Login\nWhen registering a new NGO notice that after send the form data a success toast message will appers at the right top corner of the screen with the NGO's ID, memorize or note it. At login page just paste the ID in the input and press `ENTER` or click on the button below to login.\n\n## localStorage\nThe project saves NGO's data into a [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) key: `bethehero`. 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\": \"98a111d1\",\n  \"name\": \"NGO Doe\",\n  \"token\": \"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibWVzc2FnZSI6IkVhZSwgdHVkbyBibHo_IiwiaWF0IjoxNTE2MjM5MDIyfQ.MgLoxvRXoXeEHv36H4KuUQ3kfVl66uSOzJYll2IsZHE\"\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%2Fbethehero-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiegovictor%2Fbethehero-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegovictor%2Fbethehero-web/lists"}