MaxiiXx23 / Ignite-Tailwind

Ignite Tailwind é um projeto do curso Ignite Rocketseat com foco em Tailwind CSS. Desenvolvido com Next.js (14) e Tailwind.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Projeto Tailwind - Curso Tailwind Rocketseat - 2023

Tailwind CSS

Sobre o projeto:

  • Site one page utilizando Tailwind CSS com Next.js(v.14), aplicando conceitos de pattern de componentização e Atomic Design, responsividade e modo Dark com base na configuração do sistema do usuário.

Screenshots do projeto

screenshot-1

screenshot-2

screenshot-3

Principais tecnologias usadas no desenvolvimento:

  • TypeScript
  • Next.js(v.14x)
  • Tailwind CSS

Bibliotecas em destaque:

  • Tailwind CSS
  • Tailwind Variants
  • Radix UI

Etapa do desenvolvimento:

  • Finalizado

Passo-a-passo para rodar a aplicação:

  1. Entre na pasta Ignite-Tailwind;
  2. use o comando: yarn ou npm install/i para instalar os pacotes;
  3. use o comando:
npm run dev
# or
yarn dev
# or
pnpm dev

About

Ignite Tailwind é um projeto do curso Ignite Rocketseat com foco em Tailwind CSS. Desenvolvido com Next.js (14) e Tailwind.


Languages

Language:TypeScript 99.1%Language:JavaScript 0.7%Language:CSS 0.2%