https://github.com/theslladev/portfolio

Portfólio pessoal de desenvolvedor, criado para destacar meus projetos, habilidades e experiências, também possui informações sobre mim e formas de contato.
https://github.com/theslladev/portfolio

nextjs portfolio projects skills tailwindcss vercel

Last synced: 18 days ago
JSON representation

Portfólio pessoal de desenvolvedor, criado para destacar meus projetos, habilidades e experiências, também possui informações sobre mim e formas de contato.

• Host: GitHub
• URL: https://github.com/theslladev/portfolio
• Owner: ThesllaDev
• License: mit
• Created: 2024-09-07T01:16:33.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-23T14:08:14.000Z (about 2 months ago)
• Last Synced: 2024-10-10T23:23:14.143Z (about 1 month ago)
• Topics: nextjs, portfolio, projects, skills, tailwindcss, vercel
• Language: JavaScript
• Homepage: https://theslladev.vercel.app/
• Size: 20.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Portfólio de ThesllaDev

Portfólio pessoal de desenvolvedor, criado para destacar meus projetos, habilidades e experiências, também possui informações sobre mim e formas de contato. O portfólio foi construído com Next.js e TailwindCSS, proporcionando uma interface moderna, responsiva e de fácil navegação.

https://github.com/user-attachments/assets/33d0b9ac-4902-425c-afc9-e8b17d37f356

**🌐 Link do portfólio:** https://theslladev.vercel.app/

## 🛠️ Tecnologias Utilizadas

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) ![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E) ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![Next JS](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white) ![ESLint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white) ![Prettier](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E) ![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white) ![Google Lighthouse](https://img.shields.io/badge/Lighthouse-F44B21?style=for-the-badge&logo=Lighthouse&logoColor=white)

## 📂 Estrutura do Projeto

``` bash

├── public               # Pasta com os assets estáticos(imagens e vídeos)

├── app

│   ├── globals.css      # Estilos globais com TailwindCSS

│   ├── layout.js        # Componente de layout padrão

│   └── page.js          # Página inicial do portfólio

├── components           # Pasta de componentes da interface reutilizáveis

├── data

│   ├── projects.js      # Dados sobre os projetos apresentados

│   └── skills.js        # Dados das habilidades exibidas no portfólio

└── tailwind.config.js   # Configuração e customização do TailwindCSS

```

### 🌟 Auditoria do Google Lighthouse

![image](https://github.com/user-attachments/assets/b2aa5c2b-40d6-45fb-9652-ca2e2c481e22)

### 🤝 Contribuição

[Issues](https://github.com/ThesllaDev/portfolio/issues) ou sugestões são bem vindas, sinta-se à vontade!

*Gostou do projeto? Dê uma "Star"*

Este projeto é de código aberto e está sob a licença MIT - veja o arquivo [LICENSE](https://github.com/ThesllaDev/portfolio/blob/main/LICENSE) para mais detalhes.

**Nota:**

Eu concordo com qualquer um que queira utilizar o código ou o design do site para aprender com ele ou adaptá-lo. No entanto, eu encorajo você a modificar o tema, código e informações para torná-lo seu!

**Eu apreciaria ser referenciado/creditado caso o utilize, considere isto.**