Hyperclaw79 / ht.dev

Personal Developer Portfolio

Home Page:https://ht-dev.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸš€ HT Developer Portfolio πŸš€

Svelte HTML5 CSS3 PocketBase Vite NPM Jest ESLint

GitHub Workflow Status Codacy Vercel Checkly

Welcome to my developer portfolio website, built using SvelteKit and PocketBase. The website showcases my skills, projects, and experiences as a developer.

You can access the live website here.

🌟 Features

  • Modern and responsive design
  • Interactive and user-friendly UI
  • Dynamic content fetched from PocketBase database
  • Easy to update and maintain
  • Admin Panel which redirects to PocketHost

πŸ”₯ Highlights

Some personal favorite quirks I added which you might wanna use in your own projects:
  • On Desktop screens, there is an interactive bash Terminal I made from scratch just to play around.
Terminal
  • About section has a Typewriter Animation. Skills are displayed as a Word Cloud.
About
  • On Desktop screens, the Experience and Acheivements sections have a Timeline created using CSS pseudo-elements.
Timeline
  • Projects section features Tiltable GitHub Cards.
Projects
  • Multicolor Progressbar to display Skill Proficiency.
Progressbar

πŸ› οΈ Technologies Used

πŸš€ Deployment

The website is deployed using Vercel and the database is hosted on Pockethost. To deploy the website:

  1. Clone the repository
  2. Set up a PocketHost account and create a new database
  3. Update the .env file with your relevant credentials
  4. Deploy the website to Vercel

πŸ–₯️ Local Development

To run the website locally:

  1. Clone the repository
  2. Install dependencies using npm install
  3. Update the .env file with your relevant credentials
  4. Start the development server using npm run dev

🀝 Contributing

Contributions, issues, and feature requests are welcome. Feel free to check out the issues page if you want to contribute.

πŸ“ License

This project is licensed under the MIT License.

About

Personal Developer Portfolio

https://ht-dev.vercel.app


Languages

Language:JavaScript 77.1%Language:Svelte 21.7%Language:CSS 0.6%Language:HTML 0.6%