👩‍💻 Portfolio

This is the repo for my portfolio website, which you can visit ✨HERE✨

Screenshots

Demo Video

Featuring some festive snowfall from winter 2024! ❄️

Snow_Portfolio_Video.mp4

Built With

• Next.js
• Tailwind CSS
• TypeScript
• JavaScript
• Node.js
• EmailJS
• hCaptcha
• Dotenv
• PostgreSQL
• PostHog

Acknowledgements & Thanks

• Chickadee photo by teyi 徐 from Pexels
• Icons from icons8
• Project Loading status placeholder image from Imgflip

Installation

• Clone this repo to your local machine
• From the project root in your terminal, install dependencies using the npm i (or npm install) command

Database Setup

• Start PostgreSQL
  • sudo service postgresql start
• Log in as the postgres user
  • sudo -u postgres psql
• Create the database
  • CREATE DATABASE portfolio_projects_db;
• Connect to the database
  • \c portfolio_projects_db
• Create the tables
  • \i backend/db/create.sql
• Seed the database
  • \i backend/db/seeds.sql
• Create .env with your PostgreSQL credentials
  • Use the .env.example for guidance

Start the Development Server

• Run npm run dev
• The development app will be served at http://localhost:3000

Linting

• To check your code for potential errors, stylistic issues, or other problems, run npm run lint

Build the Production-Ready Application

• Run npm run build
  • Pre-build checks verify the database and optionally rebuild it after user confirmation
  • Generates deployment-ready static pages and a sitemap inside the out folder

Start the Production Server

• Run npx serve@latest out
• The production app will be served at http://localhost:3000