This is my personal website, it was implemented using React, Node.js, and MongoDB.
Find it here https://alexwang.xyz or alternatively at http://hi.alexwang.tech
View Demo
·
Report Bug
·
Request Feature
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.
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
- Clone the repo
git clone https://github.com/AlexWang18/Personal-Website
- 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.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Distributed under the MIT License. See LICENSE
for more information.
Alex Wang - @ - alw245@pitt.edu
Project Link: https://github.com/AlexWang18/Personal-Website