🌐 Jhon Arciniegas - Personal Portfolio

A modern, responsive personal portfolio website showcasing my journey as a developer, built with cutting-edge web technologies.

✨ Features

• Responsive Design: Optimized for all devices and screen sizes
• Modern UI/UX: Clean, professional interface with smooth animations
• Fast Performance: Built with Astro for optimal loading speeds
• SEO Optimized: Structured for search engine visibility
• Blog Integration: Personal blog for sharing insights and learnings
• Project Showcase: Interactive gallery of my development work
• Contact Integration: Direct communication channels

🛠️ Built With

• Astro - Static site generator
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Interactive functionality
• Git & GitHub - Version control and deployment

📂 Project Structure

├── public/                # Static assets
│   ├── fonts/             # Custom fonts
│   ├── icons/             # Icon files
│   └── img/               # Images and media
├── src/
│   ├── components/         # Reusable UI components
│   │   ├── AboutMe.astro
│   │   ├── Footer.astro
│   │   ├── Home.astro
│   │   ├── Navbar.astro
│   │   └── Projects.astro
│   ├── data/              # Data files
│   ├── i18n/              # Internationalization
│   │   ├── translate.ts
│   │   ├── ui.ts
│   │   └── utils.ts
│   ├── layouts/           # Page layouts
│   ├── pages/             # Site pages
│   │   ├── es/            # Spanish pages
│   │   │   └── posts/     # Spanish blog posts
│   │   └── posts/         # English blog posts
├── astro.config.mjs       # Astro configuration
├── tailwind.config.js     # Tailwind CSS configuration
└── package.json           # Project dependencies

🚀 Getting Started

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

git clone https://github.com/arcibyte/personal_website.git

2. Navigate to the project directory

cd portfolio

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Open your browser and visit http://localhost:4321

Building for Production

npm run build

🤝 Contributing

I welcome contributions, suggestions, and feedback! Here's how you can help:

Ways to Contribute

• Bug Reports: Found a bug? Please open an issue
• Feature Requests: Have an idea? I'd love to hear it
• Code Improvements: Submit a pull request
• Documentation: Help improve the docs
• Design Feedback: Share your UX/UI insights

Development Process

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

Code Style

• Follow existing code formatting
• Use meaningful commit messages
• Test your changes locally
• Update documentation as needed

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📬 Contact

Jhon Arciniegas

• Email: [email protected]

---

⭐ If you found this project helpful, please give it a star!

Built with ❤️ by Jhon Arciniegas