https://github.com/marekzelinka/o2-design-system
Homework - Design System for O2
https://github.com/marekzelinka/o2-design-system
react react-aria-components storybook tailwindcss typescript
Last synced: 8 months ago
JSON representation
Homework - Design System for O2
- Host: GitHub
- URL: https://github.com/marekzelinka/o2-design-system
- Owner: marekzelinka
- Created: 2025-02-26T12:11:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-26T12:51:08.000Z (about 1 year ago)
- Last Synced: 2025-02-26T13:43:12.745Z (about 1 year ago)
- Topics: react, react-aria-components, storybook, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# O2 Design System
> [!NOTE]
> This project is an homework assignment for a **Front-end React developer role at O2**.
> Rest of readme is in Slovak.
## Zadanie
- Implementuj nový Reactový komponent podľa pripraveného [podkladu](https://www.figma.com/design/e5TtIt7EHS2vRHv8PZBgTv/Zadanie---React-developer?node-id=1-6&t=qmWXobtaX9iyUVts-1).
- Zanalyzuj, navrhni a príprav potrebné stavy, varianty komponentu, aby pokryli globálne využitie komponentu.
- Komponent má byť vizuálne a používateľský prístupný.
- Príprav jednotlivé validačné stavy komponentu
- Dôraz kladieme na precízne grafické spracovanie, technickú realizáciu a jednoduchú použiteľnosť vytvoreného komponentu
## Technológie
- TypeScript
- React
- Storybook
- Tailwind CSS
- React Aria Components
## Začíname
Potrebujeme [Node.js](https://nodejs.org/), aspoň **verziu >= 22**, [pnpm](https://pnpm.io/) a [Git](https://git-scm.com/).
1. Klonujte tento git repositar pomocou:
```sh
git clone https://github.com/marekzelinka/o2-design-system.git
```
2. Nainštalujte potrebné moduly:
```sh
pnpm i
```
3. Nakoniec, stustite Storybook server pomocou:
```sh
pnpm run storybook
```