A personal website of mine serving as a portfolio and a link collection for all of my social media accounts (just like carrd.co/linktr.ee).
We all know that there are many benefits to having your own portfolio/personal website. For a long time, I have procrastinated on creating one for myself, and instead used social media to establish an online presence and post my work. I believe it's necessary for anybody looking into web development to have a personal website, creating your own portfolio site — rather than working within the limitations of other platforms — showcases your dedication to your craft. With your own site, you can integrate design features tailored exclusively to your style and capabilities. Speaking of design, I decided to take time and learn Figma in order to create a prototype of this website, not only to train myself as a web developer, but also as a designer.
Tech used: Svelte, SCSS, Bun
This is my first project utilizing JavaScript frameworks. I'm a fan of simplicity and I have always just stuck to using a Python backend serving Jinja2 templates. After completing this project in Astro I chose to learn Svelte and rewrite it using that framework.
The origin/python-based
branch is an older abandoned attempt of creating this website using the FastAPI framework, SCSS and JinjaX for templating.
The Astro based version is available under the origin/astro-based
branch.
First make sure that bun is installed locally on your machine. See the installation instructions in Bun's official documentation.
Command | Action |
---|---|
bun install |
Install dependencies |
bun run dev |
Starts local dev server |
bun run build |
Build your production site to ./dist/ |
bun run preview |
Preview your build locally |
Contributions are welcome! If you encounter any issues or have a suggestion that would make this better, please open an issue or submit a pull request.
- Fork this project
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a pull request
Yonei - [email protected]
Matrix (@y0nei:matrix.org
), Discord (y0nei
), Telegram
Distributed under the AGPL-3.0-or-later
license. See the LICENSE
file for more information.