Developer Blue Portfolio

Leia em Português | Read in English

---

Documentação em português

Este é um portfólio desenvolvido para beneficiar desenvolvedores que ainda não têm seu portfólio ou desenvolvedores que desejam um portfólio já pronto. Foi criado para fins de estudo utilizando as seguintes tecnologias: Next.js, Tailwind CSS, @emailjs/browser, Swiper, Sonner, React Hook Form, Framer Motion, React Countup, TypeScript e Radix UI.

Tecnologias Utilizadas

• Next.js: Um framework React para construir aplicações web.
• Tailwind CSS: Um framework CSS de utilidade em primeiro lugar para desenvolvimento rápido e flexível.
• @emailjs/browser: Uma biblioteca JavaScript para enviar e-mails diretamente do navegador.
• Swiper: Uma biblioteca de slides moderna para construir carrosséis e sliders.
• Sonner: (Inserir breve descrição da tecnologia, se aplicável)
• React Hook Form: Uma biblioteca para formulários em React, com suporte a hooks.
• Framer Motion: Uma biblioteca de animação para React.
• React Countup: Um componente React para criar animações de contagem.
• TypeScript: Um superset do JavaScript que adiciona tipagem estática ao código.
• Radix UI: Uma biblioteca de componentes acessíveis e estilizados, projetada para ser altamente modular e fácil de usar em suas aplicações React.

Rotas Disponíveis

• / : Página inicial do portfólio.
• /projects: Página com projetos concluídos.
• /contact: Página de contato.

Instalação

Para executar este projeto localmente, siga as instruções abaixo:

1. Clone o repositório:

   git clone https://github.com/vagnermengali/developer-blue-portfolio.git
   

2. Acesse o diretório do projeto:

   cd developer-blue-portfolio
   

3. Instale as dependências:

   yarn install
   

4. Inicie o servidor de desenvolvimento:

   yarn dev
   

5. Acesse a aplicação no seu navegador através da rota:

   http://localhost:3000/
   

Acesse a aplicação no seu navegador através do seguinte endereço: http://localhost:3000/. Explore os arquivos do projeto usando seu editor de código preferido e faça quaisquer alterações necessárias.

Configurando o Formulário de Contato por E-mail

Siga este tutorial para aprender como configurar um formulário de contato por e-mail usando JavaScript.

Implantação

Este projeto está disponível em: https://developer-blue-portfolio-vagnermengali.vercel.app/

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir um PR ou relatar problemas.

Se este projeto foi útil para você, considere deixar uma estrela (⭐) no repositório para apoiar o desenvolvimento.

Licença

Este projeto está sob a Licença MIT.

---

Documentation in English

This is a portfolio developed to benefit developers who don't yet have their portfolio or developers who want a ready-made portfolio. It was created for study purposes using the following technologies: Next.js, Tailwind CSS, @emailjs/browser, Swiper, Sonner, React Hook Form, Framer Motion, React Countup, TypeScript and Radix UI.

Technologies Used

• Next.js: A React framework for building web applications.
• Tailwind CSS: A utility-first CSS framework for rapid and flexible development.
• @emailjs/browser: A JavaScript library for sending emails directly from the browser.
• Swiper: A modern slide library for building carousels and sliders.
• Sonner: (Insert brief description of the technology, if applicable)
• React Hook Form: A library for forms in React, with hooks support.
• Framer Motion: An animation library for React.
• React Countup: A React component for creating counting animations.
• TypeScript: A superset of JavaScript that adds static typing to the code.
• Radix UI: A library of accessible and styled components, designed to be highly modular and easy to use in your React applications.

Available Routes

• / : Portfolio's home page.
• /projects: Page with completed projects.
• /contact: Contact page.

Installation

To run this project locally, follow the instructions below:

1. Clone the repository:

   git clone https://github.com/vagnermengali/developer-blue-portfolio.git
   

2. Access the project directory:

   cd developer-blue-portfolio
   

3. Install the dependencies:

   yarn install
   

4. Start the development server:

   yarn dev
   

5. Access the application in your browser through the route:

   http://localhost:3000/
   

Access the application in your browser through the following address: http://localhost:3000/. Explore the project files using your preferred code editor and make any necessary changes.

Setting up the Email Contact Form

Follow this tutorial to learn how to set up an email contact form using JavaScript.

Deploy

This project is available at: https://developer-blue-portfolio-vagnermengali.vercel.app/

Contribution

Contributions are welcome! Feel free to open a PR or report issues.

If this project has been helpful to you, consider leaving a star (⭐) on the repository to support development.

License

This project is under the MIT License.

---

Created by Vagner Mengali