https://github.com/lucianakyoko/elementum-ds

Design System no front-end usando Storybooks, Next.js14 e TailwindCSS
https://github.com/lucianakyoko/elementum-ds

atomic-design design-system nextjs14 storybook tailwindcss

Last synced: 4 days ago
JSON representation

Design System no front-end usando Storybooks, Next.js14 e TailwindCSS

• Host: GitHub
• URL: https://github.com/lucianakyoko/elementum-ds
• Owner: lucianakyoko
• Created: 2024-08-22T18:00:59.000Z (about 1 month ago)
• Default Branch: master
• Last Pushed: 2024-08-28T19:55:20.000Z (about 1 month ago)
• Last Synced: 2024-09-26T08:39:46.529Z (7 days ago)
• Topics: atomic-design, design-system, nextjs14, storybook, tailwindcss
• Language: JavaScript
• Homepage: https://elementum-ds.vercel.app/
• Size: 10.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Design System no Front-end com Storybook e Next.js

Este é um projeto de prática utilizando o design system **Elementum 2.0** com Storybook e Next.js. O objetivo deste projeto é demonstrar a integração de um design system em um ambiente de desenvolvimento front-end moderno.



  



## 🔨 Tecnologias Utilizadas

🔷 **Next.js**: Framework React 


🔷 **TypeSCript**: Superset de JavaScript que adiciona tipagem estática opcional, ajudando a detectar erros durante o desenvolvimento e proporcionando uma melhor experiência com ferramentas de edição de código 


🔷 **TailwindCSS**: Framework CSS com classes utilitárias 


🔷 **Storybook**: Ferramenta para desenvolvimento de componentes isolados e documentação. 


🔷 **Elementum 2.0**: Design system utilizado no projeto. 


---

## 📄 Atribuição

Este projeto utiliza o design system **Elementum 2.0** disponível em [Figma Community](https://www.figma.com/community). De acordo com a licença **CC BY 4.0** a atribuição ao autor original foi feita conforme abaixo:

Design System: [Elementum 2.0](https://www.figma.com/community/file/1366156810458494400) 


Autor: [Sajal Jahan](https://www.figma.com/@ruvojahan) 


Licença: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 


---

## 🎯 Preview