https://github.com/ogkae/portfolio
My own portfolio made with Typescript and Solid.
https://github.com/ogkae/portfolio
dark-light-mode javascript js nodejs portfolio react solidjs template theme theme-switcher ts tsx typescript webapp website
Last synced: 7 months ago
JSON representation
My own portfolio made with Typescript and Solid.
- Host: GitHub
- URL: https://github.com/ogkae/portfolio
- Owner: ogkae
- Created: 2025-11-16T01:25:08.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-11-16T02:22:46.000Z (7 months ago)
- Last Synced: 2025-11-16T04:24:56.806Z (7 months ago)
- Topics: dark-light-mode, javascript, js, nodejs, portfolio, react, solidjs, template, theme, theme-switcher, ts, tsx, typescript, webapp, website
- Language: TypeScript
- Homepage:
- Size: 28.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My own portfolio
made with _Typescript_ and _Solid_.
[`Website`](https://watermelonicevape.vercel.app/)
[](https://typescriptlang.org)
[](https://solidjs.com)
[](https://vitejs.dev)
---
## Quick Start
```bash
git clone https://github.com/ogkae/portfolio.git
cd portfolio
pnpm install
pnpm dev
```
Visit [`localhost:3000`](http://localhost:3000)
## Commands
| Command | Description |
| ------------ | ------------------------ |
| `pnpm dev` | Start development server |
| `pnpm build` | Build for production |
| `pnpm serve` | Preview production build |
## Browser Support
| 
| 
| 
| 
|
| :-------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------: |
| *✓* | *✓* | *✓* | *✓* |
## Customization
**Update content** | Edit arrays in [`src/App.tsx`](https://raw.githubusercontent.com/ogkae/portfolio/refs/heads/main/src/App.tsx):
```typescript
const projects: Project[] = [
{ id: 'p1', title: 'Project', description: '...', tech: ['...'], github: '...' }
];
```
**Change theme** | Modify variables in [`src/index.css`](https://raw.githubusercontent.com/ogkae/portfolio/refs/heads/main/src/index.css):
```css
:root { --bg-primary: #ffffff; --text-primary: #000000; }
[data-theme='dark'] { --bg-primary: #000000; --text-primary: #ffffff; }
```
**GitHub username** | Update in `fetchGithubStats()`:
```typescript
fetch('https://api.github.com/users/YOUR_USERNAME')
```
## Deployment
```bash
pnpm build
```
Deploy `dist/` to:
[**`Netlify`**](https://www.netlify.com/) • [**`Vercel`**](https://vercel.com/) • [**`GitHub Pages`**](https://pages.github.com/) • [**`Cloudflare Pages`**](https://pages.cloudflare.com/)
## Stack
[**`SolidJS`**](https://solidjs.com) • [**`TypeScript`**](https://typescriptlang.org) • [**`Vite`**](https://vitejs.dev) • [**`Lucide Icons`**](https://lucide.dev)
---
# Showcase
| 
| 
|
|---|---|
**[website](https://watermelonicevape.vercel.app/)** • **[@ogkae](https://github.com/ogkae)** • **[discord](https://discord.com/users/1394747147106254949)**