dpflucas.github.io

My personal website featuring a GitHub-styled code editor interface.

🚀 Tech Stack

• Framework: React with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• Deployment: GitHub Pages

🛠️ Development

Prerequisites

• Node.js (latest LTS version recommended)
• npm

Getting Started

1. Clone the repository:

   git clone https://github.com/dpflucas/dpflucas.github.io.git
   cd dpflucas.github.io

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open http://localhost:5173 to view it in the browser.

Build for Production

npm run build

This will create a dist folder with the production-ready build.

📝 Project Structure

dpflucas.github.io/
├── .github/          # GitHub Actions workflows
├── public/           # Static assets
├── src/              # Source code
│   ├── App.tsx       # Main component
│   ├── index.css     # Global styles and Tailwind directives
│   └── main.tsx      # Entry point
├── .cursorrules      # Rules for Cursor IDE
├── index.html        # HTML template
└── README.md         # This file

📱 Features

• Responsive design
• GitHub-like code editor interface
• Dark mode by default

🚢 Deployment

This site is automatically deployed to GitHub Pages when changes are pushed to the main branch.

📄 License

MIT