Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jimbrig/devpholio
Developer Portfolio Website
https://github.com/jimbrig/devpholio
deployment hosting nextjs portfolio react
Last synced: 30 days ago
JSON representation
Developer Portfolio Website
- Host: GitHub
- URL: https://github.com/jimbrig/devpholio
- Owner: jimbrig
- License: gpl-3.0
- Created: 2021-10-01T23:33:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-13T01:47:04.000Z (over 2 years ago)
- Last Synced: 2024-11-13T14:54:22.257Z (3 months ago)
- Topics: deployment, hosting, nextjs, portfolio, react
- Language: JavaScript
- Homepage: https://docs.jimbrig.com/devpholio/
- Size: 8.12 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - jimbrig/devpholio - Developer Portfolio Website (JavaScript)
README
# Software Developer Folio
[](https://github.com/jimbrig/devpholio/actions/workflows/deploy.yml)
[](https://github.com/jimbrig/devpholio/actions/workflows/prettier.yml)
[](https://github.com/jimbrig/devpholio/actions/workflows/cliff.yml)
***
- Live website: __
- View the [Changelog](CHANGELOG.md) for details on this project's progression over time.
- Docker container images available in [this repo's container registry](https://github.com/jimbrig/devpholio/pkgs/container/devpholio).
## Table of Contents
- [Tech Stack](#tech-stack)
- [Portfolio Sections](#portfolio-sections)
- [Portfolio.js](#portfoliojs)
- [Installation](#installation)
- [Git](#git)
- [Docker](#docker)
- [Deployment](#deployment)
- [GitHub Actions](#github-actions)
## Tech Stack
- [React](https://reactjs.org/)
- [graphql](https://graphql.org/)
- [apollo-boost](https://www.apollographql.com/docs/react/get-started/)
- [react-twitter-embed](https://github.com/saurabhnemade/react-twitter-embed)
- [react-easy-emoji](https://github.com/appfigures/react-easy-emoji)
- [react-headroom](https://github.com/KyleAMathews/react-headroom)
- [color-thief](https://github.com/lokesh/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.
```javascript
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](https://git-scm.com)
- [Node.js](https://nodejs.org/en/download/)
- [npm](http://npmjs.com)
- [Docker](https://www.docker.com/products/docker-desktop)
```
[email protected] or higher
[email protected] or higher
[email protected] 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:
```powershell
docker pull ghcr.io/jimbrig/devpholio:latest
docker run -t -p 3000:3000 devpholio:latest
start http://localhost:3000
```
- Build and Run Locally:
```powershell
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](https://create-react-app.dev/docs/deployment/#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](https://create-react-app.dev/docs/deployment/#github-pages).
---
Jimmy Briggs | 2021