/ht.dev

Personal Developer Portfolio

Primary LanguageJavaScript

🚀 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.