Next.js Portfolio

This is a simple portfolio project built using Next.js and Tailwind CSS. It was created to practice Next.js and Tailwind skills by following a tutorial from the Webchain Dev YouTube channel.

Live Demo

Check out the live version of the application on Vercel:
Live Application

Preview

Technologies Used

• Next.js
• Tailwind CSS

Features

• Responsive navigation with animations.
• Stylized icons and graphical elements using Tailwind CSS.
• Optimized design for both mobile and desktop devices.

Getting Started

Follow these steps to run the project locally:

Clone the repository:

git clone https://github.com/Calebe-Xavier-Developer/next-portfolio.git

Navigate to the project directory:

cd your-repository

Install dependencies:

npm install

Run the development server:

npm run dev

Open your browser and go to:

http://localhost:3000

Project Structure

• /public: Contains static files, including the GIF used for the application preview.
• /components: Includes React components used in the application, such as the navigation bar and project cards.
• /app: Contains the pages and layouts for the application.
• /constants: Stores reusable constants used throughout the project.

Credits

This project was developed by following a tutorial from the Webchain Dev YouTube channel.

License

This project is for learning purposes and does not have a specific license. Feel free to use and modify it as you like.

---

Next.js Portfólio

Este é um projeto simples de portfólio desenvolvido em Next.js com Tailwind CSS. O projeto foi feito para treinar as habilidades em Next.js e Tailwind, seguindo uma videoaula do canal Webchain Dev no YouTube.

Demonstração

Confira a versão ao vivo da aplicação na Vercel: Aplicação ao vivo

Preview

Tecnologias Utilizadas

• Next.js
• Tailwind CSS

Funcionalidades

• Navegação responsiva com animações.
• Ícones e elementos gráficos estilizados utilizando Tailwind CSS.
• Design otimizado para dispositivos móveis e desktops.

Getting Started

Siga estes passos para executar o projeto localmente:

Clone o repositório:

git clone https://github.com/Calebe-Xavier-Developer/next-portfolio.git

Navegue até o diretório do projeto:

cd your-repository

Instale as dependências:

npm install

Execute o servidor de desenvolvimento:

npm run dev

Abra seu navegador e acesse:

http://localhost:3000

Estrutura do Projeto

• /public: Contém arquivos estáticos, incluindo o GIF usado para a pré-visualização da aplicação.
• /components: Inclui os componentes React usados na aplicação, como a barra de navegação e os cartões de projeto.
• /app: Contém as páginas e layouts da aplicação.
• /constants: Armazena constantes reutilizáveis usadas em todo o projeto.

Créditos

Este projeto foi desenvolvido seguindo uma videoaula do canal Webchain Dev no YouTube.

Licença

Este projeto é para fins de aprendizado e não possui uma licença específica. Sinta-se à vontade para utilizá-lo e modificá-lo conforme a sua necessidade.