https://github.com/xwedx00/portfolio-website

👨‍🔧 Portfolio Website Made With SvelteKit
https://github.com/xwedx00/portfolio-website

port protfolio-website svektekit svelte sveltejs website website-template

Last synced: 17 days ago
JSON representation

👨‍🔧 Portfolio Website Made With SvelteKit

• Host: GitHub
• URL: https://github.com/xwedx00/portfolio-website
• Owner: xwedx00
• Created: 2023-07-15T08:42:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-16T22:50:22.000Z (over 1 year ago)
• Last Synced: 2024-11-07T07:20:54.693Z (2 months ago)
• Topics: port, protfolio-website, svektekit, svelte, sveltejs, website, website-template
• Language: Svelte
• Homepage:
• Size: 4.07 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Screenshot from 2023-07-17 03-49-20](https://github.com/xwedx00/Portfolio-Website/assets/117844799/00e8e2c1-c013-4944-86e8-4663b7d44991)

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


###

🛠 Language and tools




  

  

  

  

  

  

  



###

## 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](http://localhost:3000) 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 ✓

  - [x] Decide Tech-Stack

  - [x] Choose a Build-System & Styling Framework

  - [x] Add Deps.

  - [x] Lay Foundation

  - [x] Create Header/Hero

  - [x] Create About

  - [x] Decide Grids

  - [x] Styling

  - [x] Create Navigation

  - [x] Feature Add Repos

  - [x] Outline background Text

### Updates & Future Plans Column 

- [ ] Blog

  - [ ] Add Deps.

  - [ ] Pre-build Content

  - [ ] SSR Dynamic Content Header/Hero

  - [ ] Create Navigation

  - [ ] Feature Add Search