Skip to content

Personal portfolio website built with Svelte

License

Notifications You must be signed in to change notification settings

y0nei/portfolio

Repository files navigation

Personal portfolio

Issues badge Frontend badge Lincense badge

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.

Figma design board

Built with

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.

Quickstart

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

Contributing

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.

  1. Fork this project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a pull request

Contact

Yonei - [email protected]
Matrix (@y0nei:matrix.org), Discord (y0nei), Telegram

Acknowledgements

Inspiration:

License

Distributed under the AGPL-3.0-or-later license. See the LICENSE file for more information.

(back to top)