👩‍💻 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

• React
• Vite
• Tailwind CSS
• TypeScript
• JavaScript
• Node.js
• EmailJS
• RSS Parser
• hCaptcha
• Dotenv
• PostgreSQL
• Umami (privacy-friendly analytics)
• Cloudflare Web Analytics

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:5173

Build the Production-Ready Application

• Run npm run build

This will:

• Sync PostgreSQL project data into src/data
• Fetch latest RSS feed
• Build static site with Vite
• Generate sitemap in dist/

Start the Production Server

• Run npm run preview
• The production app will be served at http://localhost:4173