This is my personal website, it was implemented using React, Node.js, and MongoDB. Find it here https://alexwang.xyz or alternatively at http:https://hi.alexwang.tech


View Demo · Report Bug · Request Feature

See the website here

I deployed the Node app via Heroku using the free dyno tier. I then set up a domain purchased via GoDaddy to link back to the Heroku's supplied target. Afterwards I used Cloudlflare's free plan to enable only SSL/TLS requests to further secure my website.

• React
• Proton Particles
• Express
• MongoDB
• Heroku

To get a local copy up and running follow these simple steps. Fork the here https://github.com/AlexWang18/Personal-Website.git

In a terminal:

# Initial setup
npm install

# Start the server
npm start

npm install package-name --save

The React app is configured to proxy backend requests to the local Node server. (See "proxy" config)

In a separate terminal from the API server, start the UI:

# Always change directory, first
cd react-ui/

# Initial setup
npm install

# Start the server
npm start

# Always change directory, first
cd react-ui/

npm install package-name --save

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

1. Clone the repo

   git clone https://github.com/AlexWang18/Personal-Website

2. Install NPM packages

   npm install

Use this however you like. A quick way to make it your own is to edit the ResumeData.json file in the server folder to change it to your information. To upload your own images delete the current ones in the react-ui/public/images folder and place your own. However if you change the skills data in the .json, be sure to update the layout.css file with the appropriate skills that match so that the animation will work.
To deploy visit the Heroku Docs to learn more.

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Distributed under the MIT License. See LICENSE for more information.

Alex Wang - @ - [email protected]

Project Link: https://github.com/AlexWang18/Personal-Website

• CSS Template
• Proton
• Spotify Widget