My Portifolio (React + TypeScript + Vite)

Description - # Quiz-React

Improve my knowlegde using react, typescript and vite building my new portifolio!

What each of the files you wrote for the project contains and does?

The project use the node_modules, images, video, pdf, App.jsx and javascript.js, react, html and css to file the project.

Installation

npm install

npm i react-router-dom

npm i react-icons

npm install react-bootstrap bootstrap

npm i --save @fortawesome/fontawesome-svg-core

npm install --save @fortawesome/free-solid-svg-icons

npm i --save npm i --save @fortawesome/free-brands-svg-icons

npm install --save @fortawesome/react-fontawesome

npm i react-type-animation

npm i swiper

npm install emailjs-com

npm i gh-pages -save-dev

npm install @react-three/drei

VITE:

Shortcuts press r to restart the server press u to show server url press o to open in browser press q to quit

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

   parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
   },

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

GithHub Pages 📃

npm i gh-pages -save-dev npm run build

Deploy

Create new repository in Githib with the same name of this project todo4 save like public to others people can see and follow the instructions of the github. Open the project and terminal and run git init, readme create you same then jump and run git add ., after git commit -m "Message commit that you would like put here", git branch -M main, copy and pasta the git remove add origin url that appear in the git with the url to dont have error and git push -u origin main after this upload the page and you can see the project in the github.

To work with github pages install npm i gh-pages -save-dev and package.json add:

    //top line:
    "homepage": "https://<githubusername>.github.io/<repositorynameofthisproject>",
    
    //inside the scripts:
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"

optional - in vite.config.js:

	base: "/repositoryname"

After this create a folder 'build' and run npm run build and after this npm run deploy if run without error works, then its only go to github pages and wait appear the link and you can share your project with others users.

Referencia

Portifolio3D GITHUB - https://github.com/ThayRibeiro0/portifolio3d portifolio3 - https://github.com/ThayRibeiro0/portifolio3 Myportifiliopart2 - https://github.com/ThayRibeiro0/Myportifiliopart2 Portifolio - https://github.com/ThayRibeiro0/MyPortifolio portifolio - https://github.com/ThayRibeiro0/portifolio

MyPortifolio- https://github.com/ThayRibeiro0/MyPortifolio