Developer Green 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 próprio portfólio ou desenvolvedores que desejam um portfólio pronto. Foi criado para fins de estudo utilizando as seguintes tecnologias: Next.js, TypeScript, Tailwind CSS, @emailjs/browser, Swiper, React Hook Form, Framer Motion, React tsparticles, Yup, SweetAlert2 e React Countup.

Tecnologias Utilizadas

• Next.js: Um framework React para construir aplicações web.
• TypeScript: Um superset de JavaScript que adiciona tipagem estática ao código.
• Tailwind CSS: Um framework CSS de utilitários 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.
• 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.
• React tsparticles: Uma biblioteca para criar partículas animadas em React.
• Yup: Uma biblioteca de validação de esquema em JavaScript.
• SweetAlert2: Uma biblioteca para criar modais de alerta elegantes e personalizáveis.

Rotas Disponíveis

• / : Página inicial do portfólio.
• /about: Página sobre o autor ou informações da empresa.
• /contact: Página de contato.
• /services: Página com informações sobre os serviços oferecidos.
• /projects: Página com projetos concluídos.
• /indications: Página com recomendações ou referências.

Instalação

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

1. Clone o repositório:

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

2. Acesse o diretório do projeto:

   cd developer-green-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 utilizando o seu editor de código preferido e faça as alterações necessárias.

Configurando o Formulário de Contato por Email

Siga este tutorial para aprender como configurar um formulário de contato por email utilizando JavaScript.

Implantação

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

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir um PR ou reportar 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, TypeScript, Tailwind CSS, @emailjs/browser, Swiper, React Hook Form, Framer Motion, React tsparticles, Yup, SweetAlert2 and React Countup.

Technologies Used

• Next.js: A React framework for building web applications.
• TypeScript: A superset of JavaScript that adds static typing to the code.
• 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.
• 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.
• React tsparticles: A library for creating animated particles in React.
• Yup: A JavaScript schema validation library.
• SweetAlert2: A library for creating elegant and customizable alert modals.

Available Routes

• / : Portfolio's home page.
• /about: Page about the author or company information.
• /contact: Contact page.
• /services: Page with information about the services offered.
• /projects: Page with completed projects.
• /indications: Page with recommendations or referrals.

Installation

To run this project locally, follow the instructions below:

1. Clone the repository:

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

2. Access the project directory:

   cd developer-green-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-green-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