juliolimareis / portfolio

Meu Portfolio

Portfolio is a module that allows you to create a portfolio website. It is built using the following technologies: React, TypeScript, Vite, Emotion, Autoprefixer, ESLint, Framer Motion, HTML React Parser, i18next, Lodash, PostCSS and Tailwind CSS.

Installation

To install Portfolio you will need to have Node.js installed on your machine. Once you have Node.js installed you can run the following command in your terminal:

npm install portfolio 

This will install all the necessary dependencies for Portfolio.

Usage

Once you have installed Portfolio you can use the following scripts to get started:

• dev: Runs Vite for development purposes.
• build: Compiles TypeScript and builds the project with Vite.
• preview: Previews the project with Vite.

Principais tecnologias usadas :

• HTML, CSS e JavaScript são usados para construir a interface do usuário e o layout da página.
• React é usado para criar componentes reutilizáveis ​​e aplicativos web dinâmicos.
• TypeScript é usado para adicionar tipagem estática ao JavaScript.
• Vite é usado para gerenciar os scripts de desenvolvimento, build e preview.
• Autoprefixer, PostCSS e TailwindCSS são usados ​​para estilizar o site.
• Emotion é usado para adicionar estilos CSS às aplicações React.
• ESLint é usado para encontrar erros de sintaxe no código JavaScript / TypeScript.
• Framer Motion é usada para adicionar animações às interfaces do usuário React.
• i18next, i18next Browser Language Detector e i18next HTTP Backend são usados ​​para adicionar suporte à localização às aplicações web.

Configuração em debug mode no vscode

{
   // Use IntelliSense to learn about possible attributes.
   // Hover to view descriptions of existing attributes.
   // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
   	{
   		"type": "chrome",
   		"request": "launch",
   		"name": "Launch Chrome against localhost",
   		"url": "http://localhost:5173",
   		"webRoot": "${workspaceFolder}"
   	}
   ]
}