https://github.com/amanda-santos/ignite-ui
This is Ignite's Design System, developed for study purposes during Ignite React by Rocketseat.
https://github.com/amanda-santos/ignite-ui
changesets radix react stitches storybook turborepo typescript
Last synced: 23 days ago
JSON representation
This is Ignite's Design System, developed for study purposes during Ignite React by Rocketseat.
- Host: GitHub
- URL: https://github.com/amanda-santos/ignite-ui
- Owner: amanda-santos
- Created: 2022-10-10T17:42:49.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-10-14T22:40:34.000Z (almost 4 years ago)
- Last Synced: 2023-03-07T11:32:11.869Z (over 3 years ago)
- Topics: changesets, radix, react, stitches, storybook, turborepo, typescript
- Language: TypeScript
- Homepage: https://amanda-santos.github.io/ignite-ui
- Size: 4.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Ignite UI
About the project |
Layout |
Technologies |
Preview |
Getting started |
How to contribute
## 📝 About the project
This is Ignite's Design System, developed for study purposes during Ignite React by Rocketseat.
## 🧱 Tokens and components
These are the tokens available in this project:
- [x] Colors
- [x] Font sizes
- [x] Font weights
- [x] Font families
- [x] Line heights
- [x] Radii
- [x] Spaces
These are the components available in this project:
- [x] Avatar
- [x] Box
- [x] Button
- [x] Checkbox
- [x] Heading
- [x] MultiStep
- [x] Text
- [x] TextArea
- [x] TextInput
- [x] Toast
- [x] Tooltip
## 🎨 Layout
Click here to check the layout on Figma.
## 👩🏻💻 Technologies
Technologies used to develop this project:
- React
- TypeScript
- Storybook
- Stitches
- Radix UI
- TurboRepo
- Changesets
- NPM
## 🖥 Preview
Click here to see it live 📺
https://user-images.githubusercontent.com/49074930/195923161-d8bae15d-f095-43e8-9e67-01724941c0e1.mp4
## ⌨ Getting started
- Run `npm i` or `yarn` to install the dependencies
- Run the development server with `npm run dev` or `yarn dev`
## 🤔 How to contribute
**Make a fork of this repository**
```bash
# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.
$ gh repo fork amanda-santos/ignite-ui
```
**Follow the steps below**
```bash
# Clone your fork
$ git clone your-fork-url && cd ignite-ui
# Create a branch with your feature
$ git checkout -b my-feature
# Make the commit with your changes
$ git commit -m 'feat: My new feature'
# Send the code to your remote branch
$ git push origin my-feature
```
After your pull request is merged, you can delete your branch
---
Made with 💜 by Amanda Santos