https://github.com/guicamargo19/my_github_profile

Projeto simulante o profile do GitHub.
https://github.com/guicamargo19/my_github_profile

css3 eslint html5 npm reactjs styled-components typescript vscode

Last synced: 2 days ago
JSON representation

Projeto simulante o profile do GitHub.

• Host: GitHub
• URL: https://github.com/guicamargo19/my_github_profile
• Owner: guicamargo19
• Created: 2024-01-16T13:11:51.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-29T16:35:50.000Z (6 months ago)
• Last Synced: 2024-04-29T17:49:56.407Z (6 months ago)
• Topics: css3, eslint, html5, npm, reactjs, styled-components, typescript, vscode
• Language: TypeScript
• Homepage: https://css-in-js-github-profile.vercel.app
• Size: 726 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Clone Perfil do GitHub

## Apresentação do projeto

https://github.com/guicamargo19/my_github_profile/assets/133445061/f88166ff-bede-4b69-91ef-57c0e3201fc5

Este projeto reflete um clone simples da página de profile do GitHub, buscando os dados originais do meu usuário. na API

do GitHub. Permite alterar o tema da página entre Light e Dark e também é possível acessar os projetos publicados

na Vercel, GCP (Google Cloud Plataform) e PythonAnywhere quando aplicados.

Projeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.

## 🚀 Começando

Estas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de desenvolvimento e teste.

### Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

- **Node.js**

- **NPM (geralmente vem com o Node.js)**

Este projeto foi inicializado com [Create React App](https://github.com/facebook/create-react-app).

### Instalação

Siga estas etapas a seguir para configurar o ambiente de desenvolvimento:

1. Clone este repositório em sua máquina local.

2. Navegue até o diretório clonado.

3. Execute o seguinte comando para instalar as dependências:

  **``npm install``**

### Executar o projeto

Para executar o projeto em modo de desenvolvimento, execute o comando:

  **``npm start``**

Abra [http://localhost:3000](http://localhost:3000) para visualizar no browser.

A página irá recarregar se alterações forem feitas.

Você também verá Lint erros no console, se existirem.

Para executar o projeto em produção, execute o comando:

  **``npm run build``**

Constrói o app para produção na pasta 'build'.

Corrige pacotes React em modo de produção e otimiza a contrução para uma melhor performance.

## 🛠️ Ferramentas utilizadas para construção do projeto

* **ESLint** - Linter, uma ferramenta de análise estática, para as linguagens Javascript e Typescript, sendo o mais popular do mundo para tais linguagens.

* **HTML** - Linguagem de marcação utilizada na construção de páginas na Web.

* **CSS** - Cascading Style Sheets é um mecanismo para adicionar estilos a uma página web.

* **ReactJS** - Biblioteca front-end JavaScript de código aberto com foco em criar interfaces de usuário em páginas web.

* **TypeScript** - Linguagem OpenSource desenvolvida pela Microsoft. É um superconjunto sintático estrito de JavaScript e adiciona tipagem estática opcional à linguagem.

* **Styled Components** - Uma biblioteca que nos permite escrever CSS em JavaScript enquanto construímos componentes customizados em ReactJS.

* **NPM** - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.

## 🎓 Aprenda mais

Você pode aprender mais em [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

## ✒️ Autor

Guilherme Ferreira Camargo