Software Developer Folio

---

• Live website: https://devfolio.jimbrig.com/
• View the Changelog for details on this project's progression over time.
• Docker container images available in this repo's container registry.

Table of Contents

• Tech Stack
• Portfolio Sections
  • Portfolio.js
• Installation
  • Git
  • Docker
• Deployment
  • GitHub Actions

Tech Stack

• React
• graphql
• apollo-boost
• react-twitter-embed
• react-easy-emoji
• react-headroom
• color-thief

Portfolio Sections

✔️ Summary and About me
✔️ Skills
✔️ Education
✔️ Work Experience
✔️ Open Source Projects Connected with Github
✔️ Big Projects
✔️ Achievements And Certifications 🏆
✔️ Blogs
✔️ Talks
✔️ Podcast
✔️ Contact me
✔️ Twitter Timeline
✔️ Github Profile

Portfolio.js

All content is essentially created via the /src/portfolio.js file.

const greeting = { ... };

const socialMediaLinks = { ... }

const skillsSection = { .... }

const techStack = { .... }

const workExperience = { .... }

const openSource = { .... }

const bigProjects = { .... }

const achievementSection = { .... }

const blogSection = { .... }

const contactInfo = { .... }

const twitterDetails = { ... }

Additionally, index.html is customized to alter the title and metadata associated with the site for more accurate SEO.

Installation

Dependencies:

• Git
• Node.js
• npm
• Docker

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

Git

Clone via git and run via Docker or run directly via npm install > npm start | npm build | npm run.

Docker

• Pull pre-built container from Github Container Registry, Run, Launch:

docker pull ghcr.io/jimbrig/devpholio:latest
docker run -t -p 3000:3000 devpholio:latest
start http://localhost:3000

• Build and Run Locally:

docker build -t devfolio:latest .
docker run -t -p 3000:3000 devfolio:latest

Deployment

Hosted via GitHub Pages on my jimbrig.com Domain: https://devfolio.jimbrig.com

See Deploying on Github Pages docs for React.

GitHub Actions

The devfolio is automatically deployed using GitHub Actions and Github pages.

• In package.json domain name needs to be correct in the homepage variable: https://devfolio.jimbrig.com/.
• Configure the custom domain for GitHub pages by adding a CNAME file to the public/ folder.
• Guide to setup GitHub pages from the official CRA docs here.

---

Jimmy Briggs | 2021