https://github.com/wick3d-git/denofresh-portfolio
My personal portfolio website
https://github.com/wick3d-git/denofresh-portfolio
deno fresh portfolio
Last synced: 2 months ago
JSON representation
My personal portfolio website
- Host: GitHub
- URL: https://github.com/wick3d-git/denofresh-portfolio
- Owner: Wick3d-git
- License: mit
- Created: 2025-07-20T03:22:06.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-07-20T05:40:08.000Z (11 months ago)
- Last Synced: 2025-07-20T07:20:47.313Z (11 months ago)
- Topics: deno, fresh, portfolio
- Language: TypeScript
- Homepage: https://wick3dhl.dev
- Size: 111 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌊 Fresh Portfolio
A modern, responsive portfolio website built with Fresh and Deno, featuring a
terminal-inspired design with dark/light theme support.
[](https://wick3dhl.dev)
## 🚀 Technologies Used
### Core Framework & Runtime
[](https://fresh.deno.dev/)
[](https://deno.land/)
[](https://www.typescriptlang.org/)
### Frontend
[](https://preactjs.com/)
[](https://www.w3.org/Style/CSS/)
[](https://fontawesome.com/)
### Fonts & Styling
[](https://fonts.google.com/)
### Deployment
[](https://deno.com/deploy)
## ✨ Features
- 🎨 **Dark/Light Theme Toggle** - Persistent theme switching with smooth
transitions
- 📱 **Responsive Design** - Optimized for desktop, tablet, and mobile devices
- ⚡ **Fast Loading** - Server-side rendered with Fresh framework
- 🖥️ **Terminal UI** - Unique terminal-inspired interface design
- 🔗 **Social Links** - Direct links to GitHub and LinkedIn profiles
- 📄 **Resume Download** - Downloadable PDF resume
- ⌨️ **Keyboard Shortcuts** - `Ctrl/Cmd + D` for theme toggle
- 🎭 **Typing Animation** - Interactive terminal-style animations
- 🛣️ **Client-side Routing** - Smooth navigation between pages
## 📁 Project Structure
```
nextjs-portfolio/
├── islands/ # Interactive client-side components
│ ├── Sidebar.tsx # Navigation and theme toggle
│ ├── ThemeProvider.tsx
│ └── TypingAnimation.tsx
├── routes/ # File-based routing
│ ├── _app.tsx # App shell with global styles
│ ├── index.tsx # Home page
│ ├── about/ # About page
│ └── resume/ # Resume page
├── static/ # Static assets
│ ├── Resume.pdf
│ ├── logo.png
│ └── styles.css
└── components/ # Server-side components
```
## 🛠️ Development Setup
### Prerequisites
- [Deno](https://deno.land/) 2.0 or higher
### Installation & Running
1. **Clone the repository**
```bash
git clone https://github.com/wick3d-git/denofresh-portfolio.git
cd denofresh-portfolio
```
2. **Start the development server**
```bash
deno task start
```
3. **Open in browser**
```
http://localhost:8000
```
### Available Scripts
```bash
# Development
deno task start # Start dev server with hot reload
deno task check # Type check and lint
deno task build # Build for production
deno task preview # Preview production build
# Utilities
deno task manifest # Update Fresh manifest
deno task update # Update Fresh framework
```
## 🚀 Deployment
This project is deployed on **Deno Deploy** for optimal performance and seamless
integration with the Deno ecosystem.
### Deploy to Deno Deploy
1. Fork this repository
2. Connect your GitHub account to [Deno Deploy](https://dash.deno.com)
3. Create a new project and select your forked repository
4. Deploy automatically with zero configuration needed!
## 🎯 Pages
- **Home (`/`)** - Interactive terminal-style introduction with skills showcase
- **About (`/about`)** - Personal background and experience
- **Resume (`/resume`)** - Professional experience and education with PDF
download
## 🔧 Customization
### Updating Content
- **Personal Info**: Update the content in each route file (`routes/index.tsx`,
`routes/about/index.tsx`, etc.)
- **Social Links**: Modify the URLs in `islands/Sidebar.tsx`
- **Resume**: Replace `static/Resume.pdf` with your own resume
- **Profile Image**: Replace `static/logo.png` with your own image
### Styling
- **Colors & Themes**: Modify CSS custom properties in `static/styles.css`
- **Fonts**: Update font imports in `routes/_app.tsx`
- **Layout**: Adjust responsive breakpoints and layouts in the CSS
## 📄 License
This project is open source and available under the [MIT License](LICENSE).
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the
[issues page](../../issues).
## 📧 Contact
**Anthony Abaray**
- 🐙 GitHub: [@wick3d-git](https://github.com/wick3d-git)
- 💼 LinkedIn: [anthony-abaray](https://linkedin.com/in/anthony-abaray)
- 🌐 Portfolio: [wick3dhl.dev](https://wick3dhl.dev)
---
Built with ❤️ using Fresh and Deno