Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/cristian-sbardelotto/cristian-os

🧡 This project simulates a Operational System based on Windows. The application tells a little more about me, my hobbies and my life.
https://github.com/cristian-sbardelotto/cristian-os

eslint frontend git github html i18n javascript react react-router-dom spotify-api tailwind-css typescript

Last synced: 1 day ago
JSON representation

🧡 This project simulates a Operational System based on Windows. The application tells a little more about me, my hobbies and my life.

Awesome Lists containing this project

README

        

![image](./.github/preview.png)

# 💻Cristian OS

Esse projeto simula um Sistema Operacional baseado no Windows. A aplicação fala um pouco sobre mim, meus _hobbies_, e minha vida.
Ele também se integra com a [Api do Github](https://docs.github.com/en/rest) para mostrar os repositórios mais recentes em que estou trabalhando.

Você pode aprender algo sobre mim, e se divertir um pouco navegando na aplicação!

> ⚠️ Sinta-se livre para [entrar em contato](https://portfolio-cristian-sbardelotto.vercel.app/contact/), e compartilhar seus **_feedbacks_** e **_insights_**, ou reportar um **_bug_**!


Tecnologias   |   
O que eu aprendi   |   
Instalação   |   
Deploy      

## 🛠️ Tecnologias

Esse projeto foi feito com as seguintes tecnologias/bibliotecas:

- Typescript
- React
- React Router Dom
- TailwindCSS
- i18n
- Eslint
- Git & Github

## 🧠 O que eu aprendi

Durante o desenvolvimento, eu descobri novas coisas, como:

- Utilização da [biblioteca i18n](https://react.i18next.com/)
- Composition Pattern -> [checar exemplo](./src/components/Application/)

## 📤 Instalação

Primeiramente, você precisa **clonar o projeto** na sua máquina:

```bash
git clone https://github.com/cristian-sbardelotto/cristian-os
```

Depois disso, abra a pasta do projeto e **instale as dependências:**

```bash
npm install
# ou
yarn
# ou
pnpm install
```

Para **rodar o projeto** no seu navegador, use:

```bash
npm run dev
# ou
yarn dev
# ou
pnpm dev
```

## 🌎 Deploy

Para conferir o deploy, acesse https://cristian-os.vercel.app/

## Aproveite esse projeto!

Desenvolvido com 🧡 por **Cristian Sbardelotto**.

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/cristian-k-sbardelotto/)
[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/cristian-sbardelotto)
[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bit.ly/portfolioSbardelotto)