https://github.com/rayanneramos/masterizando-tailwind

O projeto é focado em aprender sobre as estilizações com o TailwindCSS de como ele é produtivo usado em projetos reais e nesse curso o foco foi desenvolver a página My Details de um dashboard completo utilizando o TailwindCSS.
https://github.com/rayanneramos/masterizando-tailwind

autoanimate framer-motion lucide-react nextjs radix-ui tailwind-merge tailwind-variants tailwindcss typescript

Last synced: 2 days ago
JSON representation

O projeto é focado em aprender sobre as estilizações com o TailwindCSS de como ele é produtivo usado em projetos reais e nesse curso o foco foi desenvolver a página My Details de um dashboard completo utilizando o TailwindCSS.

• Host: GitHub
• URL: https://github.com/rayanneramos/masterizando-tailwind
• Owner: RayanneRamos
• License: other
• Created: 2023-09-04T18:17:57.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-19T19:44:28.000Z (about 1 year ago)
• Last Synced: 2023-09-19T22:34:09.078Z (about 1 year ago)
• Topics: autoanimate, framer-motion, lucide-react, nextjs, radix-ui, tailwind-merge, tailwind-variants, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://masterizando-tailwind-cyan.vercel.app
• Size: 355 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Untitled UI




  





  

  

  






## 💻 Projeto

[UntitledUI](https://masterizando-tailwind-8s6w15ode-rayanneramos.vercel.app/) é o projeto de um curso desenvolvido durante o bootcamp ignite da [Rocketseat](https://www.rocketseat.com.br/) que foca nas tecnologias ReactJS, React Native e NodeJS. O projeto é focado em aprender sobre as estilizações com o TailwindCSS de como ele é produtivo usado em projetos reais e nesse curso o foco foi desenvolver a página My Details de um dashboard completo utilizando o TailwindCSS.

## 🧪 Technologies

Esse projeto foi desenvolvido com as seguintes tecnologias:

- [NextJS](https://nextjs.org/)

- [Typescript](https://www.typescriptlang.org/)

- [TailwindCSS](https://tailwindcss.com/)

- [Auto Animate](https://auto-animate.formkit.com/)

- [Radix-ui/collapsible](https://www.radix-ui.com/primitives/docs/components/collapsible)

- [Radix-ui/scroll-area](https://www.radix-ui.com/primitives/docs/components/scroll-area)

- [Radix-ui/select](https://www.radix-ui.com/primitives/docs/components/select)

- [Radix-ui/tabs](https://www.radix-ui.com/primitives/docs/components/tabs)

- [Framer Motion](https://www.framer.com/motion/)

- [Lucide React](https://lucide.dev/)

- [Tailwind Merge](https://github.com/dcastil/tailwind-merge)

- [Tailwind Variants](https://www.tailwind-variants.org/)

## 🚀 Instalação

```bash

  # Clone o repositório e entre na pasta do projeto

  $ git clone https://github.com/RayanneRamos/masterizando-tailwind.git

  $ cd masterizando-tailwind

  # Instale as dependências

  $ npm install

  # ou

  $ yarn install

  # Execute a aplicação

  $ npm run dev

  # ou

  $ yarn start

```

Abra http://localhost:3000 no seu navegador para ver a aplicação rodando!

## 🔖 Layout

- [Layout Web](https://www.figma.com/file/MU3H8HfTxX32ukt8ANpan7/Ignite-Tailwind?type=design&node-id=0%3A1&mode=design&t=4IHrWKC5QUKH2UN8-1)

## 📝 License

Este projeto está licenciado sob a Licença MIT. Veja o arquivo [LICENSE](LICENSE) para obter mais detalhes.

---

Criado by Rayanne Ramos