Projeto desenvolvido durante o ignite lab 3 da Rocketseat.

Overview

image

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • Vite
  • React
  • Typescript
  • Tailwindcss
  • Radix UI
  • Phosphor Icons
  • Figma
  • Storybook

💻 Projeto

Um design system desenvolvido desde a prototipação no figma do zero ao react utilizando o storybook para que os desenvolvedores, designers, entre outros interessados possam consultar os componentes para utilizar no desenvolvimento de interfaces web.

O design system foi desenvolvido no evento Ignite Lab da Rocketseat seguindo as boas práticas de desenvolvimento, como responsividade, componentização, testes, gerenciamento de estados com useState, acessibilidade, entre outras.

O projeto foi disponibilizado no github pages. Você pode consultar o design system pelo site: design system

Para visitar a prototipação no figma acesse: Projeto no figma

Funcionalidades adicionadas:

  • Componentização figma: Foi utilizado em quase todos os artefatos de design no figma a funcionalidade de componentização para agilizar a prototipação dos componentes.

To do:

  • Evoluir o design system adicionando mais componentes.
You might also like...

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Nov 11, 2022

Projeto desenvolvido em Angular e Material, para conclusão do curso de extensão em Java

EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos

Mar 18, 2022

Projeto "Meu Filminho" desenvolvido para o treinamento de Node.js

Projeto Meu Filminho - Treinamento Node.js - Instalação do Node.js Node.js NVM - Unix NVM - Windows ** NVM in nutshell, Node Version Manager, permite

May 19, 2022

🕹️⚡ Ecommerce de jogos. Projeto Integrador desenvolvido para a instituição de ensino Centro Universitário Eniac.

What is inside? This project uses lot of stuff as: NextJS ReactJs Typescript Jest Testing-library Styled Components Storybook Eslint Prettier Plop Hus

Sep 28, 2022

Projeto desenvolvido como desafio técnico para uma vaga de estágio

Crud - Lista de Tarefas com React Sobre • Funcionalidades • Dependências • Como executar • Licença 📑 Sobre o projeto Projeto desenvolvido como teste

Oct 14, 2022

Projeto Integrador Motive foi desenvolvido sobe a ODS 3 da ONU, a onde elaboramos uma desafiadora missão de como fazer um mundo melhor até 2030

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Dec 13, 2022

Hands-on lab for Power Platform Tools for Visual Studio Code

Power Platform Tools for Visual Studio Code Lab This repository contains the lab instructions and content on how to experience the Power Platform Tool

Dec 1, 2022

Um bot de suporte feito usando threads para o Discord, 100% customizável, feito em JavaScript e inspirado no Rio Helper do servidor Elixir Lab e na Loritta Helper do serivdor de suporte da Loritta.

Ticket Bot Um bot de suporte feito usando threads para o Discord, 100% customizável, feito em JavaScript e inspirado no Rio Helper do servidor Elixir

Dec 21, 2022
Owner
JEAM MARTINS ALVES
I've been a senior software developer since 2005. I have knowledge in frontend, backend, software architecture, microservices, and technical team leadership.
JEAM MARTINS ALVES
O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀

Plataforma para encontrar e conectar jogadores para fazerem aquele duozinho maneiro no seu jogo preferido ✅ Demostração ?? Sobre o projeto O projeto f

Alan Mauro Franco 7 Nov 28, 2022
Projeto desenvolvido no ignite - Baseado em DT Money

Projeto My Wallet - Baseado no Dt Money Projeto prático na trilha de React - Ignite Sobre Instalação Sobre Aplicação abrangendo diversos conceitos e f

Maurício L S Filho 3 Mar 15, 2022
Projeto Clocker, para agendamento de horários, desenvolvido durante a Semana Full Stack cem custo!

Bem vindo à Semana Full Stack Sem Custo, da Codar.me! Entre os dias 5 e 9 de abril, vamos desenvolver uma aplicação completa: front, back e banco de d

Codar.me 30 Dec 11, 2022
Projeto desenvolvido durante o Programa de Formação do Grupo FCamara

Technical Share Projeto desenvolvido durante o Programa de Formação do Grupo FCamara ?? Começando As instruções logo abaixo permitirão que você obtenh

null 4 Apr 14, 2022
Projeto desenvolvido durante o Talent Fest Brasil - Laboratória SAP007, cumprindo o desafio da empresa Pravaler. 💪🏻💪🏽🧡

Desenvolvimento web (MVP) : Comparador de Cursos ?? Link da aplicação ?? Nossa equipe de Desenvolvedoras recebeu uma tarefa enviada pela empresa Prava

Suelen Escorcio 3 Jul 3, 2022
Este repositório contem o desafio do curso da rocketseat Ignite Conceitos do Nodejs

Projeto API TODO Nessa aplicação foi feita uma API, que é uma gerador de tarefas TODOS, onde o usúario pode cadastrar um name e um username, e a aplic

Macmiller Duarte de Andrade 1 May 12, 2022
App para gerenciamento de finanças desenvolvido no treinamento ignite da Rocktseat

gofinances App para gerenciamento de finanças desenvolvido no treinamento ignite da Rocktseat ?? Pré-requisitos Antes de começar, verifique se você at

Davi Cruz 6 Sep 26, 2022
Desafio da RocketSeat, codar durante 21 dias seguidos

Desafio 21 dias codando by Rocketseat ?? Uma breve descrição sobre o que esse projeto faz e para quem ele é ?? Regras ?? Todos os dias, codar por pelo

Gabriel William 13 Oct 21, 2022
Desenvolvido durante um desafio do servidor Ballerini no Discord! https://discord.gg/ballerini

Desafio Autenticação Node - Tech da Semana ⏰ ?? ?? Informações sobre o projeto O projeto foi desenvolvido com base no desafio do Discord da Rafaela Ba

Gabriel Borges 5 Jun 1, 2022
Projeto construído do evento Next Level Week da Rocketseat

Tecnologias | Projeto | Layout | Licença ?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Node.js React ReactNative Expo Typ

Jhonatan Hardt de Medeiros 3 Sep 18, 2022