phamduylong / longph.com

A personal page of mine

Overview

This is a personal CV-ish website I built with Svelte and SvelteKit, along with some TailwindCSS that was included in the Flowbite components library
Demo

Structure

.
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── postcss.config.cjs
├── src
│   ├── lib
│   │   └── assets
│   └── routes
├── static
├── svelte.config.js
├── tailwind.config.cjs
└── vite.config.js

Setup

git clone https://github.com/phamduylong/longph-portfolio.git
npm install
npm run dev -- --open

longph.com's Issues

tech stack to be replace with icons rather than plain text

tech stacks can be represented with images, looks more neat and clean

scrollbar darkmode visibility

scroll bar isn't really visible in dark mode. fix it please

Add tooltip for each tech icons

Add a tooltip for tech icons that shows the name of the technology

medias and hyperlinks can be used as slot instead of plain html

move content into component slots

iframe popover position shifted

popover position being popped at the wrong place occasionally. triggeredBy prop not working as expected

dark mode support

add dark mode support!

implement open graph previews

implement open graph previews for projects and put in on the front page :) glhf

form input validation

add validation to contact me form to prevent trash emails

contact me tab

a "send me a message" form at the end of the page? standard for portfolios