https://github.com/stylelist94/stylelist94

https://github.com/stylelist94/stylelist94

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/stylelist94/stylelist94
• Owner: StyleList94
• Created: 2020-11-24T10:00:09.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-08-15T15:16:12.000Z (10 months ago)
• Last Synced: 2025-09-09T01:22:39.540Z (9 months ago)
• Homepage:
• Size: 32.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## ❤️ Likes

\#**FrontEnd** \#DesignSystem \#_Blockchain_

## 🚀 EXPerience

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=JavaScript&logoColor=222)](https://github.com/StyleList94?tab=repositories&language=javascript)

[![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=TypeScript&logoColor=eee)](https://github.com/StyleList94?tab=repositories&language=typescript)

[![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=222)](https://github.com/StyleList94?tab=repositories&q=react)

[![Next.js](https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=nextjs)

[![Astro](https://img.shields.io/badge/Astro-BC52EE?style=flat-square&logo=Astro&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=astro)

[![tailwindcss](https://img.shields.io/badge/tailwindcss-06B6D4?style=flat-square&logo=Tailwind%20CSS&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=tailwindcss)

[![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat-square&logo=Vite&logoColor=f6cf4b)](https://github.com/StyleList94?tab=repositories&q=vite)

[![webpack](https://img.shields.io/badge/webpack-8DD6F9?style=flat-square&logo=Webpack&logoColor=222)](https://github.com/StyleList94?tab=repositories&q=webpack)

[![rollup.js](https://img.shields.io/badge/rollup.js-EC4A3F?style=flat-square&logo=rollup.js&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=rollupjs)

[![Vitest](https://img.shields.io/badge/Vitest-6E9F18?style=flat-square&logo=Vitest&logoColor=f6cf4b)](https://github.com/StyleList94?tab=repositories&q=vitest)

[![Storybook](https://img.shields.io/badge/Storybook-FF4785?style=flat-square&logo=Storybook&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=storybook)

[![Vercel](https://img.shields.io/badge/Vercel-000000?style=flat-square&logo=Vercel&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=vercel)

[![Cloudflare Workers](https://img.shields.io/badge/Workers-F38020?style=flat-square&logo=Cloudflare%20Workers&logoColor=eee)](https://github.com/StyleList94?tab=repositories&q=cloudflare-workers)

## Introduce

```ts

import * as React from 'react';

export default function useIntroduce() {

  const [sexuality] = React.useState('man');

  const [framework] = React.useState(['Next.js', 'Astro']);

  const [buildTool] = React.useState(['webpack', 'rollup.js', 'Vite']);

  const [styling] = React.useState(['tailwindcss', 'styled-components', 'CSS']);

  const [testing] = React.useState(['vitest', 'jest', 'testing-library']);

  const [stateManagement] = React.useState(['redux', 'zustand', 'recoil']);

  return {

    sexuality,

    mainFramework: framework[1],

    withDesignSystem: buildTool.at(-1),

    favoriteStyling: styling.values().next().value,

    domTesting: testing.filter((tool) => tool !== 'jest'),

    stateManagement: stateManagement.slice(0, 2),

  };

}

```