Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marciocosta013/portifoliomarcio
Este repositório contém o código-fonte do meu portfólio pessoal, desenvolvido com React, Vite e TailwindCSS. Nele, apresento meus projetos, habilidades e experiências de forma dinâmica, com integração à API do GitHub para exibir informações atualizadas dos meus repositórios.
https://github.com/marciocosta013/portifoliomarcio
css desenvolvimento-web github-api html javascript jsx portfolio-website react vitejs
Last synced: 1 day ago
JSON representation
Este repositório contém o código-fonte do meu portfólio pessoal, desenvolvido com React, Vite e TailwindCSS. Nele, apresento meus projetos, habilidades e experiências de forma dinâmica, com integração à API do GitHub para exibir informações atualizadas dos meus repositórios.
- Host: GitHub
- URL: https://github.com/marciocosta013/portifoliomarcio
- Owner: MarcioCosta013
- Created: 2025-01-07T22:40:11.000Z (19 days ago)
- Default Branch: main
- Last Pushed: 2025-01-22T23:12:16.000Z (4 days ago)
- Last Synced: 2025-01-23T00:22:05.977Z (4 days ago)
- Topics: css, desenvolvimento-web, github-api, html, javascript, jsx, portfolio-website, react, vitejs
- Language: JavaScript
- Homepage:
- Size: 483 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Meu Portfólio - Márcio Costa
Bem-vindo ao repositório do meu portfólio pessoal! Este projeto foi desenvolvido em React com Vite, com o objetivo de apresentar minhas habilidades, projetos e experiência como desenvolvedor back-end.
## 🚀 Tecnologias Utilizadas
- **React**: Biblioteca JavaScript para construção da interface do usuário.
- **Vite**: Ferramenta de build rápida e leve para projetos em React.
- **JavaScript**: Linguagem principal utilizada no projeto.
- **React Router DOM**: Gerenciamento de rotas para navegação entre as páginas do portfólio.
- **CSS**: Estilização das páginas.
## 🖥️ Funcionalidades
- **Página Inicial:** Apresentação breve e profissional.
- **Sobre Mim:** Descrição da minha trajetória e competências.
- **Projetos:** Lista de projetos com detalhes, tecnologias utilizadas e links para o GitHub.
- **Contato:** Formulário de contato e links diretos para e-mail, GitHub e LinkedIn.
## 📂 Estrutura do Projeto
```
src/
├── components/ # Componentes reutilizáveis
│ ├── Header.jsx
│ ├── Footer.jsx
│ ├── ProjectCard.jsx
├── pages/ # Páginas principais
│ ├── Home.jsx
│ ├── About.jsx
│ ├── Projects.jsx
│ ├── Contact.jsx
├── App.jsx # Configuração principal
├── main.jsx # Entrada da aplicação
├── index.css # Estilo global
└── assets/ # Imagens e outros arquivos estáticos
```
## 📦 Como Executar o Projeto
1. Clone o repositório:
```bash
git clone https://github.com/MarcioCosta013/portfolio.git
```
2. Acesse a pasta do projeto:
```bash
cd portfolio
```
3. Instale as dependências:
```bash
npm install
```
4. Inicie o servidor de desenvolvimento:
```bash
npm run dev
```
5. Abra o navegador e acesse:
```
http://localhost:5173
```
## 🌐 Deploy
Este portfólio foi implantado no **Vercel** e está acessível pelo link:
[https://meuportfolio.vercel.app](https://meuportfolio.vercel.app)
## 🛠️ Contribuição
Sinta-se à vontade para explorar o código, criar issues ou abrir pull requests. Toda contribuição é bem-vinda!
## 📬 Contato
- **E-mail:** [[email protected]](mailto:[email protected])
- **GitHub:** [https://github.com/MarcioCosta013](https://github.com/MarcioCosta013)
- **LinkedIn:** [https://linkedin.com/in/marcio-jcosta](https://linkedin.com/in/marcio-jcosta)
---
Obrigado por visitar meu repositório! 😊