Flo Bit.github.io
my personal website, w/ astro, svelte, tailwind, typescript, threlte
Overview
Flo-bit portfolio is a fresh and modern take on showcasing personal projects and skills. Built using an impressive tech stack that includes Astro, Svelte, Threlte, Three.js, and Tailwind CSS, this portfolio not only highlights the developer's work but also provides an interactive experience that engages visitors. It utilizes cutting-edge technology to ensure a smooth and visually appealing presentation that stands out in the digital space.
This portfolio is currently a work in progress, and live demos, as well as demo videos, are available for those interested in exploring its features and capabilities. The choice of technology allows for great performance and flexibility, making this project an exciting example for anyone looking to create their own portfolio.
Features
- Static Build: Utilizes SvelteKit with the
@sveltejs/adapter-staticfor efficient static site generation, ensuring fast loading times. - Interactive 3D Elements: Integrates Threlte, a Svelte wrapper for Three.js, enabling dynamic 3D visualizations that enhance user engagement.
- Stylish Design: Built with Tailwind CSS, providing a sleek and customizable design that adapts to various screen sizes and preferences.
- Automated Deployment: Features automatic deployment through GitHub Actions to GitHub Pages, streamlining updates and changes.
- TypeScript Support: Developed using TypeScript, promoting better code quality and enhanced developer experience with type safety.
- Easy Customization: Users can clone the repo, install dependencies, and easily modify the content to fit their own portfolio needs.
- Analytics: Initial setup includes Posthog analytics, which can be customized or removed for personal use during setup.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.