My portfolio built using React + Material-UI.
- Create-React-App - Used to bootstrap the development
- Material-UI - Material Design components
- React-Router - Routing of the app
- Pace - Loading bar at the top
- Emoji-Mart - Picker for the emojis
- React-Dropzone - File drop component for uploads
- Recharts - Charting library I used for the statistics
- Aos - Animations based on viewport
- React-Cropper - Cropper for the image uploads
- React-Stripe-js - Stripes payment elements
Adding more sections and cards. Adding mongoDB connections to power persistant data store Adding form processing for contacts and blog editing
Show your support by ⭐ the project.
This project is licensed under the MIT License - see the LICENSE.md file for details.
Create a folder on your web server to hold this. Goto that folder git clone this repo sudo apt-get install npm npm install npm start You will get a running server on port 3000
Build a production version to host on your server
npm run build
copy content of the build folder to your root web folder
or change package.json file to alter the root location.
Alter the "homepage" with the root location of your portfolio.
"name": "react-saas-template",
"version": "1.0.0",
"private": true,
"homepage": "/reactportfolio/MyPortfolio/build/",
"description": "Template for building an SaaS/admin application using React + Material-UI",
You can use the vscode plugin sftp to speed up the deployment to your web server.
Here is the sample simple config you will need to setup in the .vscode folder in sftp.json file
This will connect the sftp plugin to your server so you can just upload the build folder each time you run npm run build
to make your static site files that are optimized.
{
"name": "reactportfolio",
"host": "ftps10.us.cloudlogin.co",
"protocol": "sftp",
"port": 2222,
"username": "`<username>`",
"password": "`<password>`",
"remotePath": "/home/www/michaelscottmcginn.com/reactportfolio/",
"uploadOnSave": true,
"useTempFile": false,
"openSsh": false
}