[ { "path": ".gitignore", "content": ".DS_Store\ndesktop.ini\nicon\n\nnpm-debug.log\nnode_modules/\ndist/\n\nyarn-error.log\n.out/\n" }, { "path": "CNAME", "content": "contrata-se.dev" }, { "path": "CONTRIBUTING.md", "content": "# Contribuição\n\n1. Fork o projeto!\n2. Crie sua feature branch: `git checkout -b my-new-feature`\n3. Commit suas alterações: `git commit -m 'Add some feature'`\n4. Suba sua branch: `git push origin my-new-feature`\n5. Envie um pull request\n\n**Depois que seu pull requeste for mergeado**\n\nDepois que seu pull request for mergeado você pode deletar sua branch.\n\n## Atenção:\nÉ importante tentar manter o padrão de desenvolvimento que está sendo seguido no projeto e sempre tentar fazer o seu código de uma maneira que seja escalável e manutenível.\n\n### [<-- Voltar](https://github.com/LarissaAbreu/contrata-se-dev)\n" }, { "path": "LICENSE.md", "content": "Copyright (c) 2019 Larissa Abreu, [afonsopacifer.com](http://afonsopacifer.com/)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n" }, { "path": "README.md", "content": "# Contrata-se.dev\n\n> Agregador de vagas para pessoas desenvolvedoras :)\n\n## Rodando o projeto localmente\n\n**1 -** Clone o projeto e instale as dependêcias:\n\n```sh\n$ git clone https://github.com/LarissaAbreu/contrata-se-dev.git\n$ cd contrata-se-dev\n$ yarn\n```\n\n**3 -** Rode o servidor estático com livereload:\n\n```sh\n$ yarn start\n```\n\n## Versionamento\n\nPara manter uma melhor organização, seguiremos as diretrizes do [Versionamento Semântico 2.0.0](http://semver.org/).\n\n## Contribuição\n\nVeja no [guia](https://github.com/LarissaAbreu/contrata-se-dev/issues) os próximos passos do projeto ;)\n
\nQuer contrinuir? [Siga essas recomendações](https://github.com/LarissaAbreu/contrata-se-dev/blob/master/CONTRIBUTING.md).\n\n## Licença\n\n[Licença MIT](https://github.com/LarissaAbreu/contrata-se-dev/blob/master/LICENSE.md) © [Larissa Abreu](http://larissaabreu.github.io/), [Afonso Pacifer](https://afonsopacifer.github.io/)\n" }, { "path": "package.json", "content": "{\n \"name\": \"contrata-se-dev\",\n \"version\": \"0.1.0\",\n \"description\": \"\",\n \"main\": \"index.js\",\n \"scripts\": {\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\n \"start\": \"./node_modules/.bin/webpack-dev-server\",\n \"build\": \"./node_modules/.bin/webpack\",\n \"deploy\": \"gh-pages-deploy\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/LarissaAbreu/contrata-se-dev.git\"\n },\n \"author\": \"Larissa Abreu, Afonso Pacifer\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/LarissaAbreu/contrata-se-dev/issues\"\n },\n \"homepage\": \"https://github.com/LarissaAbreu/contrata-se-dev#readme\",\n \"dependencies\": {\n \"react\": \"^16.8.1\",\n \"react-dom\": \"^16.8.1\",\n \"react-select\": \"^3.1.1\",\n \"tinycolor2\": \"^1.4.1\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.2.2\",\n \"@babel/preset-env\": \"^7.3.1\",\n \"@babel/preset-react\": \"^7.0.0\",\n \"babel-loader\": \"^8.0.5\",\n \"copy-webpack-plugin\": \"^4.6.0\",\n \"css-loader\": \"^2.1.0\",\n \"style-loader\": \"^0.23.1\",\n \"svg-react-loader\": \"^0.4.6\",\n \"webpack\": \"^4.29.3\",\n \"webpack-cli\": \"^3.2.3\",\n \"webpack-dev-server\": \"^3.1.14\"\n },\n \"gh-pages-deploy\": {\n \"staticpath\": \"dist\",\n \"cname\": \"contrata-se.dev\"\n }\n}\n" }, { "path": "src/assets/scripts/App.js", "content": "import React, { useState, useEffect } from 'react';\nimport '../styles/style.css';\n\nimport Card from './components/Card';\nimport Label from './components/Label';\nimport SelectLabel from './components/SelectLabel';\n\nconst App = () => {\n const [issues, setIssues] = useState([]);\n const [pages, setPages] = useState(1);\n const [filteredLabels, setFilteredLabels] = useState([]);\n\n useEffect(() => {\n fetch(`https://api.github.com/repos/frontendbr/vagas/issues?state=open&page=1&labels=${_formateLabelsQuery(filteredLabels)}`)\n .then((res) => res.json())\n .then((json) => setIssues(json));\n }, [filteredLabels]);\n\n const formateDate = (date) => {\n const dateSplit = date.split('T');\n const ymd = dateSplit[0].split('-');\n\n return `${ymd[2]}/${ymd[1]}/${ymd[0]}`;\n };\n\n const _formateLabelsQuery = (labels) => {\n const valueLabel = (Array.isArray(labels) ? labels : []).map((label) => label.value);\n return valueLabel.join(',');\n };\n\n const _showMore = () => {\n fetch(`https://api.github.com/repos/frontendbr/vagas/issues?state=open&page=${pages + 1}&labels=${_formateLabelsQuery(filteredLabels)}`)\n .then((res) => res.json())\n .then((json) => {\n setIssues([...issues, ...json]);\n setPages(pages + 1);\n });\n };\n\n const $issues = issues.map((issue, i) => {\n if (!issue.pull_request) {\n const date = formateDate(issue.created_at);\n\n const $labels = issue.labels.map((label, i) => {\n return (\n \n );\n });\n\n return (\n \n );\n };\n });\n\n return (\n
\n
\n

Contrata-se.dev

\n

Agregador de vagas para pessoas desenvolvedoras :)

\n
\n Postar uma nova vaga\n \n
\n
\n
\n
\n setFilteredLabels(filteredLabels)}/>\n
\n
{$issues}
\n \n
\n
\n Feito com\n
\n
\n );\n};\n\nexport default App;\n" }, { "path": "src/assets/scripts/components/Card.js", "content": "import React from 'react';\n\nconst Card = ({url, title, labels, date}) => {\n return (\n
\n \n

{title}

\n
    {labels}
\n Publicada em: {date}\n \n
\n )\n}\n\nexport default Card;\n" }, { "path": "src/assets/scripts/components/Label.js", "content": "import React from 'react';\nimport tinyColor from 'tinycolor2';\n\nconst Label = ({color, name}) => {\n\n const resolveColor = hex => {\n const color = tinyColor(hex);\n\n return color.isLight() ? '000' : 'fff';\n };\n\n return (\n \n {name}\n \n );\n};\n\nexport default Label;\n" }, { "path": "src/assets/scripts/components/SelectLabel.js", "content": "import React, { useState, useEffect } from 'react';\nimport Select from 'react-select';\n\nconst SelectLabel = ({ setFilteredLabels }) => {\n\n const [labels, setLabels] = useState([]);\n\n useEffect(() => {\n fetch('https://api.github.com/repos/frontendbr/vagas/labels?per_page=100')\n .then((res) => res.json())\n .then((json) => setLabels(json));\n }, []);\n\n const options = labels.map((label) => {\n return {\n value: label.name,\n label: label.name,\n };\n });\n\n return (\n