Loading repository data…
Tassio-Med / repository
starwars-news
🚀 Este projeto foi desenvolvido em NextJS e Prismic. Consiste em um site voltado para o público fã de Star Wars.
#nextjs#prismic#reactjs#sass#typescript#vercel-deployment
Live repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
34/100
OPENREPOHUB HEALTH SIGNAL
Limited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
10
Community adoption25% weight
0
Maintenance state20% weight
100
License clarity10% weight
0
Project information10% weight
100
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Este projeto foi desenvolvido com o intuito de colocar em prática meus conhecimentos de Desenvolvimento Web, especificamente tratando-se do uso do NextJS e Prismic. Aqui você pode conhecer um pouco sobre minhas hard skills.
As principais habilidades colocadas prática nesse projeto foram:
- React.JS.
- Next.JS
- Typescript;
- SASS;
- Deploy com Vercel;
- ESLint;
Usabilidade
O projeto Star Wars News consiste em um site voltado para o público fã de Star Wars. Na plataforma é possível conhecer a respeito dos personagens de Star Wars e ver as últimas notícias relacionadas ao universo de George Lucas.
Na página Home há uma apresentação de boas-vindas e rolando a página há a apresentação de alguns personagens de Star Wars. Futuramente pretendo incluir informações mais densas sobre os personagens, por isso acho importante dar destaque aqui que o site é apenas um PROJETO FICTÍCIO que no momento é apenas para colocar em práticas minhas hard skills.
Dando continuidade, na página Conteúdos estão os artigos mais recentes, os artigos são clicáveis e redirecionam para uma página com o conteúdo completo. Além disso há também a página Sobre onde você pode conhecer um pouco sobre a equipe que desenvolveu a plataforma e seguir as redes sociais dos mesmos.
Instalação
Para testar o projeto na sua máquina pessoal siga os seguintes passos:
- Clone o repositório:
git@github.com:Tassio-Med/starwars-news.git
- Instale os pacotes npm:
npm install
Design
Para a construção visual do projeto foi utilizado SASS e a biblioteca React-icons para adicionar ícones SVG. No projeto foi utilizada a seguinte paleta de cores:
| HEX | RGB | Cor |
|---|---|---|
#fff | 255, 255, 255 |  |
##afafaf | 175, 175, 175 |  |
#525252 | 82, 82, 82 |  |
#15171b | 21, 23, 27 |  |
#111113 | 17, 17, 19 |  |
#1fa4e5 | 31, 164, 229 |  |
#ffbe16 | 31, 164, 229 |  |
Autor
EsLint
Neste projeto foi utilizado o ESLint para fazer a análise estática do código. Ajudando a garantir a qualidade do código de forma a tê-lo mais legível, de mais fácil manutenção e seguindo as boas práticas de desenvolvimento.