This GitHub repository contains the source code and assets for my personal website built using SvelteKit and SCSS.
The repository has the following folder structure:
-
src
: This folder contains the main source code of the website.lib/components
: Contains reusable Svelte components used throughout the website, such as headers, footers, and cards.routes
: Contains the individual pages/routes of the website, each with its own Svelte component.lib/assets/scss
: Contains SCSS files for styling the website. It includes partials, variables, and mixins for better organization and maintainability.
-
static
: This folder contains static assets like images, fonts, and any other files that need to be served as-is. -
public
: This folder contains the final built files that are ready to be deployed. It includes the optimized HTML, CSS, and JavaScript files generated by SvelteKit during the build process. -
README.md
: A detailed guide that provides information about the project, installation instructions, and usage guidelines. -
package.json
: Contains the project's metadata and dependencies. It includes the necessary scripts for development, building, and testing the project.
The personal website built with SvelteKit and SCSS offers the following features:
-
Responsive Design: The website is designed to provide a seamless experience across various devices and screen sizes.
-
Dynamic Routing: SvelteKit's routing capabilities are utilized to create dynamic routes for different pages and blog posts.
-
SCSS Styling: SCSS is used to write modular and maintainable CSS styles for the website. It allows for easier customization and theming.
The repository utilizes Git for version control, allowing for collaboration and easy tracking of changes made to the source code. It can be cloned or forked to be further customized or used as a template for other personal websites.
The repository is released under an open-source license (e.g., MIT, Apache 2.0) to encourage contributions and allow others to use the code as per the license terms.