Skip to content

Kayke-Fujinaka/ignite-lab

Repository files navigation

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