https://v1.jeffreybernadas.com

My first ever website portfolio with design inspiration from https://v4.brittanychiang.com. Hosted in my own old laptop transformed server powered by Cloudflare and Nginx.

⚒️ Built with the following technologies:

• React.js
• Typescript
• Styled Components
• Framer
• ESLint + Airbnb
• Docker
• Cloudflare and Nginx (deployment)

🎨 Palette

Color	Hex
Prussian	#003152
Slate	#abb9c4
Light Slate	#d2d7dc
Lightest Slate	#e3ebec
Electric	#79f6fc
Air Force	#588bae
Dark Navy	#001429

🖼️ Preview

Main Page - Light Mode

Main Page - Dark Mode

Project's Page - Light Mode

Project's Page - Dark Mode

💻 Installation & Setup

• Clone repository

  git clone https://github.com/Bernz322/my-portfolio.git
  

  cd my-portfolio
  

Development Stage

1. Build the image

   docker build -t <your-image-name> --target development .
   

2. Run the image

   docker run -d --name <your-container-name> -p 3000:3000 <your-image-name>
   

Production Stage

1. Build the image

   docker build -t <your-image-name> --target production .
   

2. Run the image

   docker run -d --name <your-container-name> -p 80:80 <your-image-name>