Faitsumaru / PortfolioSite

Portfolio using React JS

Portfolio Site

Portfolio using React JS

About

It is a personal «Portfolio» page.
[made with: React JS, SCSS & HTML + Responsive layout].

version: Apr. 2022, created by Gleb 'Faitsuma' Kiryakov

GitHub Pages: https://faitsumaru.github.io/PortfolioSite/

Commands

1. Create empty React project:

npx create-react-app name_of_folder

2. App commands:
   (Open http://localhost:3000 to view it in your browser)

   • Runs the app in the development mode:

     npm start

   • Launch the test runner in the intaractive watch mode:

     npm test

   • Build the app for production to the 'build' folder:

     npm run build

   • Deploy the React app to GitHub Pages (to gh-pages branch)

     npm run deploy

3. The steps to add Sass to Create React App are:

   • Install node-sass:

     npm install node-sass

   • Convert your .css files to .scss.
   • Import your .scss files in your React components like App.js.

4. React Icons:

npm install react-icons --save

5. VK icons:

npm i @vkontakte/icons --save

6. EmailJS for form:

npm install emailjs-com --save

Documentation

• SCSS / SASS: https://sass-scss.ru/documentation;
• React:
  • https://ru.reactjs.org/docs/getting-started.html;
  • https://www.codecademy.com/learn/react-101;
• Deploying a React App to GitHub Pages: https://github.com/gitname/react-gh-pages;
• Icons:
  • https://react-icons.github.io/react-icons;
  • https://vkcom.github.io/icons/#24/send;
• Google Fonts: https://fonts.google.com;
• Slider:
  • https://swiperjs.com/demos;
  • https://codesandbox.io/s/4zgzf2?file=/src/App.jsx:375-491;
• Git: https://githowto.com/ru;
• EmailJS for form:
  • https://www.emailjs.com/docs/examples/reactjs/;
  • https://dashboard.emailjs.com/admin/templates/viaqwfb;
• Color Picker: https://www.w3schools.com/colors/colors_picker.asp;