Portfolio Site

Portolio Landing Page

Portfolio Project Cards

Portfolio Theme Change

Deployment

Client: Christina Kopecky Portfolio

Frontend Built Using:

• React.js

• Dependencies:

  • dotenv
  • react
  • react-router-dom

• Heroku

  • https://www.heroku.com/

Environmental Variables:

##### Frontend Variables:
REACT_APP_TWITTER_URL=URL to your twitter
REACT_APP_GITHUB_URL=URL to your github
REACT_APP_LINKEDIN_URL=URL to your linked in profile
REACT_APP_FORMSPREE_URI=https://formspree.io/your-email

Environmental variables are also used to point to the Github Repo and the Deployed Site for each of the portfolio pieces so that information is not in the code. Use the prefix REACT_APP_ + whatever you want to call your variable to use environmental variables in a React application and just be sure that those vars match in your code.

Back To Top

Using the Application

Requirements:

• Node
• Package Manager (such as Yarn or npm)
  • Yarn was used to build this project.

Have Node? Have Yarn or npm? Follow these steps:

1. Fork and clone repo

2. Add an .env file to the client side at the root of the folder (same level as the package.json file).

3. Add environmental variables for the frontend.

4. Run yarn install to install the necessary node_modules on the frontend.

5. Run yarn start to run the frontend on localhost:3000

6. Your application is now running and can be tested locally.

Back To Top