https://github.com/freirelf/portifolio

https://github.com/freirelf/portifolio

javascript react

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/freirelf/portifolio
• Owner: Freirelf
• Created: 2024-10-03T20:44:15.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-03T21:23:06.000Z (about 2 months ago)
• Last Synced: 2024-11-03T22:20:06.324Z (about 2 months ago)
• Topics: javascript, react
• Language: JavaScript
• Homepage: https://portifolio-psi-nine-88.vercel.app
• Size: 32.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


    

    

    

  


  
Portfolio Lucas Freire 



## 📋 Índice

1. 🤖 [Introdução](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 🤸 [Quick Start](#quick-start)

## 🤖 Introdução

Construído com React.js para lidar com a interface do usuário, Three.js para renderizar elementos 3D e estilizado com TailwindCSS, o portfólio 3D Minimalistic é um projeto de site. O objetivo principal é demonstrar as habilidades do desenvolvedor de uma maneira única que crie um impacto duradouro.

## ⚙️ Tech Stack

- Node.js

- React.js

- Three.js

- React Three Fiber

- React Three Drei

- Email JS

- Vite

- Tailwind CSS

## 🔋 Features

👉 **Immersive Hero**: Uma sala de hackers 3D atraente que responde aos movimentos do mouse, cercada por minimodelos animados.

👉 **Interativo Sobre mim**: Um layout de grade bento elegante com informações pessoais, um globo 3D que indica a localização, ícones de pilha de tecnologia e uma opção de cópia de e-mail com um clique.

👉 **Dynamic Project Showcase**: Navegue pelos projetos enquanto assiste a demonstrações ao vivo dentro de um modelo de computador 3D, alternando perfeitamente entre diferentes projetos.

👉 **Engaging Experience Timeline**: Passe o mouse sobre os marcos da carreira para acionar animações 3D interativas que dão vida à sua jornada profissional.

👉 **Client Testimonials**: Uma seção dedicada destacando clientes satisfeitos e seus comentários.

👉 **Easy Contact Form**: Um formulário de e-mail amigável para os visitantes entrarem em contato diretamente do seu portfólio.

👉 **Rodapé Limpo**: Um design minimalista com links de mídia social para facilitar o networking.

👉 **Totalmente Responsivo**: Layout otimizado garantindo uma experiência suave em todos os dispositivos, do desktop ao celular.

e muito mais, incluindo arquitetura de código e reutilização

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Siga estas etapas para configurar o projeto localmente na sua máquina.

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)

**Cloning the Repository**

```bash

git clone https://github.com/JavaScript-Mastery-Pro/threejscc-portfolio.git

cd threejscc-portfolio

```

**Installation**

Instale as dependências do projeto usando npm:

```bash

npm install

```

**Set Up Environment Variables**

Crie um novo arquivo chamado `.env` na raiz do seu projeto e adicione o seguinte conteúdo:

```env

REACT_APP_EMAILJS_USERID=your_emailjs_user_id

REACT_APP_EMAILJS_TEMPLATEID=your_emailjs_template_id

REACT_APP_EMAILJS_RECEIVERID=your_emailjs_receiver_id

```

Substitua os valores do placeholder pelas suas credenciais reais do EmailJS. Você pode obter essas credenciais inscrevendo-se no [site do EmailJS](https://www.emailjs.com/).

**Running the Project**

```bash

npm run dev

```

Abra [http://localhost:5173](http://localhost:5173) no seu navegador para visualizar o projeto.