👩‍💻 Portfolio

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

Screenshots

Demo Video

Featuring some festive snowfall from winter 2024! ❄️

https://github.com/user-attachments/assets/2a143ff7-b9ee-4dd6-a8a9-26abb4717dfa

Built With

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

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

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
  • This will generate deployment-ready static pages inside the out folder

Start the Production Server

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