https://github.com/krlz-dev/krlz-dev-web
main krlz-dev
https://github.com/krlz-dev/krlz-dev-web
Last synced: about 1 year ago
JSON representation
main krlz-dev
- Host: GitHub
- URL: https://github.com/krlz-dev/krlz-dev-web
- Owner: krlz-dev
- Created: 2025-04-04T12:50:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-04T13:41:59.000Z (about 1 year ago)
- Last Synced: 2025-04-04T14:33:40.332Z (about 1 year ago)
- Language: Astro
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Carlos Rojas - Developer Portfolio
## 🚀 Overview
A modern, responsive portfolio website built with Astro 5, showcasing my professional experience and technical skills. The site features a clean, dark theme with elegant animations and a material design influence.
## ✨ Features
- **Modern Design**: Dark theme with green accents and material design elements
- **Responsive Layout**: Built with Bootstrap 5 for perfect viewing on all devices
- **Smooth Animations**: Implemented using AOS (Animate On Scroll)
- **Fast Performance**: Built with Astro 5 for optimal loading speeds
- **Interactive Elements**: Hover effects and smooth transitions
## 🛠️ Tech Stack
- **Framework**: Astro 5.6.1
- **Styling**: Bootstrap 5.3.4
- **Icons**: Bootstrap Icons
- **Animations**: AOS (Animate On Scroll)
- **Typography**: Custom gradient text effects
## 🏗️ Project Structure
```text
/
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ ├── Hero.astro
│ │ ├── About.astro
│ │ ├── Skills.astro
│ │ ├── Experience.astro
│ │ └── Contact.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
```
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/krlz-dev/krlz-dev-web.git
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open your browser and visit `http://localhost:4321`
## 📦 Build
To create a production version of the website:
```bash
npm run build
```
Preview the build:
```bash
npm run preview
```
## 📝 License
MIT License - feel free to use this code as inspiration for your own portfolio!