Skip to content

🚀 Este projeto foi desenvolvido em NextJS e Prismic. Consiste em um site voltado para o pĂșblico fĂŁ de Star Wars.

Notifications You must be signed in to change notification settings

Tassio-Med/starwars-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bem-vindo ao Task Board!

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;

TypeScript SASS ESLint Next JS NPM React Vercel Prismic

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:

  1. Clone o repositĂłrio:
git@github.com:Tassio-Med/starwars-news.git
  1. 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 #fff
##afafaf 175, 175, 175 ##afafaf
#525252 82, 82, 82 #525252
#15171b 21, 23, 27 #15171b
#111113 17, 17, 19 #111113
#1fa4e5 31, 164, 229 #1fa4e5
#ffbe16 31, 164, 229 #ffbe16

Autor

LinkedIn

Instagram

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.

About

🚀 Este projeto foi desenvolvido em NextJS e Prismic. Consiste em um site voltado para o pĂșblico fĂŁ de Star Wars.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published