https://github.com/kjarj54/portafolio
"Digital Harmony" is a comprehensive portfolio project that encapsulates my diverse skills, creativity, and passion for digital craftsmanship. This curated collection reflects my journey through various disciplines, showcasing a harmonious blend of design, development, and innovation.
https://github.com/kjarj54/portafolio
bootstrap css html-css-javascript html5 javascript portfolio project projects responsive
Last synced: 2 months ago
JSON representation
"Digital Harmony" is a comprehensive portfolio project that encapsulates my diverse skills, creativity, and passion for digital craftsmanship. This curated collection reflects my journey through various disciplines, showcasing a harmonious blend of design, development, and innovation.
- Host: GitHub
- URL: https://github.com/kjarj54/portafolio
- Owner: kjarj54
- Created: 2023-11-08T13:23:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-21T21:56:13.000Z (about 1 year ago)
- Last Synced: 2025-05-21T22:40:25.302Z (about 1 year ago)
- Topics: bootstrap, css, html-css-javascript, html5, javascript, portfolio, project, projects, responsive
- Language: Astro
- Homepage: https://arauzdev.netlify.app
- Size: 2.82 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kevin Arauz - Portfolio
A modern, responsive portfolio website showcasing my skills, projects, and experience as a Software Engineer and FullStack Developer. Built with Astro, TypeScript, and Tailwind CSS.
[](https://arauzdev.netlify.app)
[](#license)
## 🚀 Technologies Used
- **Framework:** Astro
- **Styling:** Tailwind CSS
- **Language:** TypeScript
- **Deployment:** Netlify
- **Icons:** Lucide Icons
## 👨💻 About Me
Hi there! I'm Kevin Arauz, a passionate Software Engineer and FullStack Developer currently pursuing a degree in Information Systems Engineering. This portfolio showcases my journey in software development, featuring projects that demonstrate my skills in various technologies and frameworks.
## 📋 Table of Contents
- [🚀 Technologies Used](#-technologies-used)
- [👨💻 About Me](#-about-me)
- [🎯 Features](#-features)
- [🌐 Demo](#-demo)
- [🚀 Getting Started](#-getting-started)
- [📁 Project Structure](#-project-structure)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
- [📞 Contact](#-contact)
## 🎯 Features
- **🎨 Responsive Design:** Seamless experience across all devices and screen sizes
- **🌙 Dark/Light Mode:** Toggle between dark and light themes
- **📱 Mobile-First Approach:** Optimized for mobile devices with progressive enhancement
- **⚡ Fast Loading:** Built with Astro for optimal performance
- **🎯 Project Showcase:** Curated selection of projects with detailed overviews
- **📊 Skills Section:** Interactive display of technical skills and proficiencies
- **🎓 Training & Certifications:** Comprehensive list of completed courses and certifications
- **📬 Contact Form:** Easy way to get in touch directly through the site
- **🔍 SEO Optimized:** Proper meta tags and structured data for search engines
## 🌐 Demo
🔗 **Live Site:** [arauzdev.netlify.app](https://arauzdev.netlify.app)
## 🚀 Getting Started
To run this project locally:
### Prerequisites
- Node.js (v18 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/kjarj54/Portafolio.git
cd Portafolio
```
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open your browser and navigate to `http://localhost:4321`
### Build for Production
```bash
npm run build
```
The built site will be in the `dist/` folder.
## 📁 Project Structure
```
/
├── public/
│ ├── favicon.svg
│ ├── placeholder.svg
│ └── robots.txt
├── src/
│ ├── assets/
│ ├── components/
│ │ └── SEO.astro
│ ├── db/
│ │ ├── index.ts
│ │ ├── loader.ts
│ │ └── schema.ts
│ ├── layouts/
│ │ ├── BlogPost.astro
│ │ └── Layout.astro
│ ├── pages/
│ │ ├── index.astro
│ │ └── blog/
│ │ ├── index.astro
│ │ └── [slug].astro
│ ├── styles/
│ │ └── global.css
│ └── content.config.ts
├── astro.config.mjs
├── drizzle.config.ts
├── tsconfig.json
└── package.json
```
This layout follows Astro conventions:
- `src/pages` defines routes (required by Astro).
- `src/components`, `src/layouts`, and `src/styles` follow common Astro structure.
- `public` stores static files served as-is.
- `src/content.config.ts` defines content collections (using a custom DB loader in this project).
## 🤝 Contributing
While this is a personal portfolio, I'm open to suggestions and improvements! If you'd like to contribute:
1. Fork the repository
2. Create a feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
**Note:** This portfolio is open source and available for learning purposes. Feel free to use it as inspiration for your own portfolio, but please give appropriate credit and don't claim it as your own work.
## 📞 Contact
Feel free to reach out to me through any of these channels:
- 📧 **Email:** [kjarj14@gmail.com](mailto:kjarj14@gmail.com)
- 💼 **LinkedIn:** [Connect with me](https://www.linkedin.com/in/kevin-arauz-jimenez/)
- 🐱 **GitHub:** [kjarj54](https://github.com/kjarj54)
- 🌐 **Portfolio:** [arauzdev.netlify.app](https://arauzdev.netlify.app)
---
**⭐ If you found this project helpful, please give it a star!**
Thank you for visiting my portfolio! 👾