- TypeScript 76.4%
- CSS 11.2%
- JavaScript 6.3%
- Dockerfile 6.1%
| .ansible/playbook | ||
| .github/workflows | ||
| .idea | ||
| .woodpecker | ||
| img | ||
| public | ||
| src | ||
| .dockerignore | ||
| .eslintrc.json | ||
| .gitignore | ||
| bun.lock | ||
| docker-compose.yml | ||
| Dockerfile | ||
| eslint.config.mjs | ||
| next.config.mjs | ||
| package.json | ||
| postcss.config.mjs | ||
| README.md | ||
| renovate.json | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
Personal Portfolio Website
About
This is the 2025 updated version of my portfolio showcasing the skills that I've learned on other projects using Next.js, TailwindsCSS, and React-Icons.
A big thing that I worked on with this site is trying to setup dynamic card components for my project cards. This allows me to dynamically create both the cards showcasing the technologies and the project cards themself using a json file - projects.json
This makes is super simple to add/modify/remove projects from my website, and will potentially allow me to link it with future projects.
Running the Development Environment
You can launch a local version of this project by cloning it and then running
# install packages
bun install
# run dev environment
bun run dev
to start the development server and opening http://localhost:3000 to view it within your browser.
This project uses the font Array from fontshare.com and Manrope from fonts.google.com.
Running the Production Environment
Production builds are produced using Docker conatiners. You can adjust the port by either changing the port in docker-compose.yml or by passing in the option while establishing the container.
docker compose up -d
This will install everything that is required and bring up the container on port 3000 (or the manually defined port)