{"id":19503196,"url":"https://github.com/renovatt/workshop-frontend-2023.2","last_synced_at":"2026-04-11T11:34:17.455Z","repository":{"id":192287754,"uuid":"686179323","full_name":"renovatt/workshop-frontend-2023.2","owner":"renovatt","description":"Start Wars - Desafio do Workshop Front-End-2023.2 da Fabrica de Software","archived":false,"fork":false,"pushed_at":"2023-09-02T19:38:55.000Z","size":4916,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T21:43:43.037Z","etag":null,"topics":["nextjs","nextjs13","react-query","star-wars","star-wars-api","tailwind-css","typescript"],"latest_commit_sha":null,"homepage":"https://star-wars-renovatt.vercel.app/","language":"TypeScript","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/renovatt.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}},"created_at":"2023-09-02T00:24:08.000Z","updated_at":"2023-09-02T19:41:33.000Z","dependencies_parsed_at":"2023-09-04T00:59:26.956Z","dependency_job_id":null,"html_url":"https://github.com/renovatt/workshop-frontend-2023.2","commit_stats":null,"previous_names":["renovatt/workshop-frontend-2023.2"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/renovatt/workshop-frontend-2023.2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renovatt%2Fworkshop-frontend-2023.2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renovatt%2Fworkshop-frontend-2023.2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renovatt%2Fworkshop-frontend-2023.2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renovatt%2Fworkshop-frontend-2023.2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/renovatt","download_url":"https://codeload.github.com/renovatt/workshop-frontend-2023.2/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renovatt%2Fworkshop-frontend-2023.2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31679478,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"last_error":"SSL_read: 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":["nextjs","nextjs13","react-query","star-wars","star-wars-api","tailwind-css","typescript"],"created_at":"2024-11-10T22:19:59.549Z","updated_at":"2026-04-11T11:34:17.419Z","avatar_url":"https://github.com/renovatt.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align='center'\u003e\n\u003cimg src=\"./public/logo.jpg\" width=\"150px\"\u003e\u003c/h1\u003e\n\u003cbr/\u003e \u003cbr/\u003e\n\u003ch1\u003eStar Wars\u003c/h1\u003e\n\u003ch2\u003eWorkshop Front-End-2023.2\u003c/h2\u003e\n\u003c/div\u003e\n\n## Descrição\n### Desafio do Workshop Front-End-2023.2 da Fabrica de Software\n#### REGRAS:\n\n1. O imersionista deve realizar o seu próprio código e poderá, caso seja necessário, basear-se em vídeos no Youtube e em documentações (obs.: basear-se não é copiar o código);\n2. Caso haja convergência entre layout e/ou códigos entre os imersionistas, poderá ocasionar na sua eliminação;\n3. O uso do ReactJS é opcional. O imersionista é livre para utilizar qualquer biblioteca.\n4. Ao final, o imersionista deverá criar um repositório no github com o seguinte nome: workshop-frontend-2023.2. Após isso, commitar o código e compartilhar o repositório nesse link: https://forms.gle/Wvq7N4Fqa6usFNM18\n5. É recomendável que o arquivo README seja criado e mantido atualizado, pois ele é um requisito obrigatório para garantir a compreensão e acessibilidade do projeto.\n6. O imersionista poderá fazer o deploy do site com o Vercel, ou qualquer outra plataforma.\n7. Por fim, atente-se à organização: o uso de boas práticas, organização entre pastas e componentes e a refatoração do código é de extrema importância, visto que o seu código será avaliado. Logo, focar nesses pontos fará com que você tenha uma boa impressão.\n\n#### REQUISITOS:\n\n1. Um header que contenha no mínimo a opção de **INÍCIO e GALERIA.**\n2. Inicio (Fácil):\n    1. A estilização fica de acordo com a escolha do imersionista;\n    2. Para a seção de início, você pode inserir curiosidade sobre Star Wars.\n3. Galeria (Médio):\n    1. É necessário consumir a API e exibir os elementos de Star Wars na tela.\n    2. O imersionista deve construir um Card, que seja mostrado: `name, mass, hair_color, skin_color, eye_color, birth_year, gender`\n\n\n[Ver Projeto](https://star-wars-renovatt.vercel.app/)\n\n#\n\n## Layout mobile\n![Mobile 1](./public/mobile-1.png)\n![Mobile 2](./public/mobile-2.png)\n\n## Layout web\n![Web 1](./public/web-1.png) \n![Web 2](./public/web-2.png)\n![Web 3](./public/web-3.png)\n![Web 4](./public/web-4.png)\n![Web 5](./public/web-5.png)\n\n\u003cbr\u003e\n\n## 🛠️ Tecnologias\n\n💻 **Front-end**\n- [Next.js 13.4](https://nextjs.org)\n- [Typescript](https://www.typescriptlang.org)\n- [Swapi-API](https://swapi.dev/api/people)\n\n📚 **Bibliotecas**\n- [aos-animate ](https://michalsnik.github.io/aos/)\n- [react-query](https://tanstack.com/query/latest/docs/react/overview)\n- [react-icons](https://react-icons.github.io/react-icons/)\n\n🎨 **Estilização**\n- [tailwindcss](https://tailwindcss.com/docs/installation)\n\n🔋 **Versionamento e Deploy**\n- [Git](https://git-scm.com)\n- [Vercel](https://vercel.com/)\n\n\u003cbr\u003e\n\n⚙️ **Configuranções e Instalações**\n\nClone do Projeto\n\n    $ git clone https://github.com/renovatt/workshop-frontend-2023.2.git\n\nInstalando as dependências\n\n    $ npm install\n\nIniciando o projeto\n\n    $ npm run dev\n\n\u003cbr\u003e\n\n**Como contribuir?**\n\n- Você pode dar suporte me seguindo aqui no GitHub\n- Dando uma estrela no projeto\n- Criar uma conexão comigo no linkedin fazendo parte da minha networking e curtir o meu projeto.\n\n\u003cbr\u003e\n\n**Autor**\n[Wildemberg Renovato de Lima](https://www.linkedin.com/in/renovatt/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenovatt%2Fworkshop-frontend-2023.2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frenovatt%2Fworkshop-frontend-2023.2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenovatt%2Fworkshop-frontend-2023.2/lists"}