This is a personal portfolio website that I have created to showcase my projects and skills as a Software Engineer. The website is built using ReactJS and styled with CSS.
The website is a single-page application (SPWA) with a responsive design optimized for screens of all sizes.
The site is divided into several sections, including: about me, experience, projects, and contact, which are navigable using the navigation bar at the top of the page.
The live website is hosted on AWS and can be accessed here. Check it out!
Personally Identifiable Information (PII) has been removed and replaced by sample data.
- ReactJS (Frontend)
- Node.js (Backend - mainly for API calls - it may also be used to serve the React App) [Optional]
- AWS (Hosting [Optional])
Before you begin, make sure you have the following software installed on your machine:
- Node.js 14.x or newer
- npm (usually comes with Node.js)
- Clone the repository
git clone https://github.com/TGasco/PersonalPortfolio.git
- Navigate to the project directory
cd interactive-cv2
- Install the dependencies
npm install
- Start the development server
npm run start
OR
npm run start-https
The website should now be running on http://localhost:3000.
The React App may be used as a standalone SPWA, but it also has the capability to make API calls to a Node.js backend, namely to retrieve the data for the projects section.
The server creates a cron job that fetches data from the GitHub API every 24 hours and caches the data in memory. This data is then served to the React App when requested.
API endpoints are defined in the node-server/routes/index.js file.
- Navigate to the
node-serverdirectory
cd node-server
- Install the dependencies
npm install
-
Configure the Environment Variables [See Configuration]
-
Start the Node.js server
npm run start
The Node.js server should now be running on http://localhost:8080.
Page content is easily customizable by editing the src/data/textData.js file. This file contains all the data that is displayed on the website, including the sections and their content. Sample data has been provided to help you get started.
Environment variables are used to configure the Node.js backend. These variables are to be stored in a .env file in the node-server directory. Please refer to the .mockEnv file for the required variables.
Remember to replace the mock values with your own values, then rename the file to .env.
To deploy the website, you can use the following command:
npm run build`
This will create a production build of the website in the build directory. You can then deploy this directory to your hosting provider of choice (e.g. AWS, Netlify, Vercel, etc.). AWS has been chosen for the live deployment of this website.
To create an integrated build of the website and the Node.js backend, you can use the following command:
npm run integrate
This will create a production build of the website and copy it to the node-server directory. You can then deploy the node-server directory to your hosting provider of choice.
This project is licensed under the MIT License - see the LICENSE file for details.