/ignite-lab

๐Ÿงช Ignite Lab - Design System

Primary LanguageTypeScript

Ignite Lab - Design System

๐Ÿ—” Check out the app: https://ignite-lab-two-omega.vercel.app

๐ŸŽฒ What is Ignite Lab?

A 100% online, free and hands-on event focused on front-end, for those who enjoy React and want to specialize even more in this tool, in addition to being a complete project using modern technologies!

  • The event is directed to:
    โœ… Devs who want to specialize in React
    โœ… Devs who want to delve into tools and develop a new project for their portfolio
    โœ… Devs who want to deepen their knowledge and update themselves

  • Classes
    Class 1 - Visual Structure of the Design System
    Lesson 2 - From Figma to React, creating an application
    Lesson 3 - Testing and automating

๐Ÿ“ Page(s)

The site has a total of 1 page(s), which are:

  • SignIn: A login page made which has an email field, password and a checkbox.

๐ŸŽจ Story

The documentation of the components I made using the Storybook technology.

๐Ÿ—” Check out the app: https://kayke-fujinaka.github.io/Ignite-Lab/?path=/story/components-signin--default

๐Ÿ‘จโ€๐ŸŽจ Figma

๐Ÿ—” Check out the design: https://www.figma.com/file/Hg6FmX3fp2PhfEbzFqiM8Q/Ignite-Lab-Design-System?node-id=0%3A1

๐Ÿš€ Technologies

๐Ÿ“• How to use it?

Before starting, you need to have Git and Node installed.

# Clone this project
$ git clone https://github.com/Kayke-Fujinaka/Ignite-Lab

# access
$ cd lab-design-system

# install dependencies
$ yarn or npm

# Run the project
$ yarn start or npm start

# The server will initialize in the <http://localhost:3000>

๐Ÿค Collaborators

Thanks to the following people who contributed to this project:

Photo by Kayke Fujinaka on GitHub
Kayke Fujinaka

๐Ÿ“ License

This project is under license. See the LICENSE file for more details.

 

Go back to top