refactorroom Portfolio

A modern portfolio website built with React 19, TypeScript, Vite, and shadcn/ui, powered by Bun.

Tech Stack

• React 19 - Latest version of React
• TypeScript - Type-safe JavaScript
• Vite - Next generation frontend tooling
• Bun - Fast JavaScript runtime and package manager
• shadcn/ui - Beautiful and accessible component library
• Tailwind CSS - Utility-first CSS framework
• Lucide React - Beautiful icon library

Prerequisites

• Bun installed on your system

Getting Started

Install Bun

This project uses Bun as the package manager and runtime for optimal performance.

If you don't have Bun installed, run:

macOS/Linux:

curl -fsSL https://bun.sh/install | bash

Windows:

powershell -c "irm bun.sh/install.ps1 | iex"

Verify installation:

bun --version

Install Dependencies

Use Bun to install all dependencies (much faster than npm/yarn):

bun install

This will create a bun.lockb file (Bun's binary lockfile format).

Development

Start the development server:

bun run dev

The app will be available at http://localhost:5173

Build

Build for production:

bun run build

The production build will be in the dist directory.

Preview

Preview the production build:

bun run preview

Project Structure

refactorroom.com/
├── src/
│   ├── components/
│   │   └── ui/          # shadcn/ui components
│   ├── lib/
│   │   └── utils.ts     # Utility functions
│   ├── pages/
│   │   ├── App.tsx
│   │   └── landing/
│   │       ├── components/  # Portfolio components
│   │       └── index.tsx
│   └── styles/
│       └── index.css    # Global styles
├── public/              # Static assets
├── index.html
├── vite.config.ts
├── tailwind.config.ts
├── tsconfig.json
└── package.json

Features

• 🚀 Powered by Bun - Fastest JavaScript runtime and package manager
• 🎨 Modern UI with shadcn/ui components
• 📱 Fully responsive design
• ⚡ Fast development with Vite
• 🔥 Optimized production builds with esbuild
• 🎯 TypeScript for type safety
• 🎭 Smooth animations and transitions

Why Bun?

• Faster installs - Bun installs packages up to 30x faster than npm
• Built-in bundler - No need for additional build tools
• Native TypeScript support - TypeScript runs natively without transpilation
• Fast runtime - Faster than Node.js for many operations

License

© 2024 refactorroom. All Rights Reserved.