Este projeto foi criado para praticar CSS e React com Tailwind CSS. Além disso, ele serve como um site personalizado para minha mãe e está hospedado gratuitamente na Vercel. Este projeto também funciona como uma amostra para currículos.
- React: Biblioteca JavaScript para construção de interfaces de usuário, conhecida por sua eficiência e modularidade.
- Tailwind CSS: Framework de CSS utilitário que facilita a criação de designs personalizados com classes predefinidas.
- Vercel: Plataforma de hospedagem para projetos React, oferecendo deploy gratuito e suporte para CI/CD.
- GitHub Actions: Automatiza o fluxo de trabalho de deploy, atualizando o site automaticamente sempre que há um push no repositório.
-
Instale as dependências:
npm install
-
Instale as dependências:
Copie o arquivo
.env-example
e renomeie-o para.env
. Preencha os dados necessários no arquivo.env
. -
Inicie o projeto em ambiente de desenvolvimento:
npm run dev
O deploy é automatizado através do GitHub Actions. Sempre que há uma alteração no repositório, uma nova build é criada e o site é automaticamente atualizado na Vercel.
Se seus pais também estão precisando de um site parecido, fique à vontade para dar um git clone
e adaptar para eles! 😄