xwedx00 / Portfolio-Website

πŸ‘¨β€πŸ”§ Portfolio Website Made With SvelteKit

Home Page:https://portfolio-website-three-rust.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Screenshot from 2023-07-17 03-49-20

Hey there! πŸ‘‹ Oh, so you want me to copy your website, huh? Well, Welcome to the world of blatant imitation!

πŸ›  Language and tools

svelte logo typescript logo sass logo vite logo

Features

πŸ“– One-Page Layout

🎨 Styled with sass with easy to customize colors and Gobal Variables

πŸ“± Fully Responsive

Getting Started

Clone down this repository. You will need pnpm and git installed globally on your machine.

πŸ›  Installation and Setup Instructions

  1. cd Portfolio-website
  2. Installation: pnpm i
  3. In the project directory, now run: pnpm dev

Runs the app in the development mode.
Open http://localhost:5173 to view it in the browser. The page will reload if you make edits.

Usage Instructions

Open the project folder and Navigate to /src/components/.
There are subfolders with names Atoms, Molecules, Organisms

Where

  • atoms : Elements
  • molecules : Sections of Elements
  • organisms : Actually content (Only Edit this If you don't Want to change the Styling) Pussy....

You will find all the components used and you can edit your information accordingly.

To-do & Future Plans

Completed Column βœ“

  • Decide Tech-Stack
  • Choose a Build-System & Styling Framework
  • Add Deps.
  • Lay Foundation
  • Create Header/Hero
  • Create About
  • Decide Grids
  • Styling
  • Create Navigation
  • Feature Add Repos
  • Outline background Text

Updates & Future Plans Column

  • Blog
    • Add Deps.
    • Pre-build Content
    • SSR Dynamic Content Header/Hero
    • Create Navigation
    • Feature Add Search

About

πŸ‘¨β€πŸ”§ Portfolio Website Made With SvelteKit

https://portfolio-website-three-rust.vercel.app/


Languages

Language:Svelte 73.4%Language:SCSS 20.8%Language:JavaScript 3.6%Language:TypeScript 1.2%Language:HTML 1.1%