Skip to content

marcusngwj/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to my Portfolio!

Thank you for visiting. However, I regret to say that the website currently undergoing construction. Do visit again!

How this project was built

This project was bootstrapped with Create React App.

UI

SASS

npm install node-sass --save
Change all existing .css file to .scss

Google Material UI via MDC React

Set SASS_PATH environment variable that points to node_module directory
SET SASS_PATH=.\node_modules

If the following error occurred, please reset the SASS_PATH:
missing sass path

SVG icons for popular brands - Simple Icons

Navigate to icon directory and copy svg.
Example module: src/components/button/ButtonIconGithub

Highly customisable slider

Image Compression - TinyPNG

Reduce size of image

Image Editor - Photopea

Free online image editor - supports popular formats like psd

  • Perspective Transform
  • Smart Object: If there are smart objects present in the psd template, eg. on the screen of a device, double click on smart object layer icon to open it. Place the desired artwork in it and save it. Return to the template.

Deployment

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.
See the section about deployment for more information.

npm install -g firebase-tools

This installs the globally available firebase command. To update to the latest version, simply re-run the same command.

firebase login

Connects local machine to Firebase account and obtains access to Firebase projects

firebase init

This command should be ran from the project's root directory, creating a firebase.json configuration file and a .firebaserc file in that directory. The firebase.json file is required for deployment using the CLI.

firebase deploy

This command deploys a release to the Firebae project's default Hosting site.

Monitoring site performance in search result