Estiven Mejia - Portfolio Website

A modern, bilingual portfolio website showcasing my skills and experience as a Full Stack Developer. Built with Astro and styled with TailwindCSS for optimal performance and responsive design.

🌟 Features

• Bilingual Support: Available in English and Spanish
• Responsive Design: Optimized for all device sizes
• Modern UI: Clean, professional design with smooth animations
• Fast Performance: Built with Astro for lightning-fast loading
• Accessible: Semantic HTML and ARIA labels for screen readers

🛠️ Tech Stack

• Framework: Astro - Static site generator
• Styling: TailwindCSS - Utility-first CSS framework
• Icons: SVG sprite system for optimized icon loading
• Fonts: Roboto font family
• Deployment: Server-side rendering with Node.js adapter

🚀 Project Structure

/
├── public/
│   ├── fonts/
│   │   └── Roboto.woff2
│   ├── images/
│   │   ├── Logo-LearnAI.webp
│   │   ├── Logo-Leave.webp
│   │   └── Logo-Nebula.webp
│   ├── favicon.ico
│   └── sprite.svg
├── src/
│   ├── components/
│   │   ├── Footer.astro
│   │   ├── Header.astro
│   │   ├── LanguageBtn.astro
│   │   └── Main.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   ├── index.astro      # English version
│   │   └── es.astro         # Spanish version
│   └── styles/
│       └── globals.css
├── astro.config.mjs
└── package.json

💼 About Me

I'm a passionate Full Stack Developer with experience in:

• Frontend: JavaScript, TypeScript, React.js, React Native, UI Design
• Backend: Node.js, MongoDB
• Languages: Spanish (Native), English (B2 Upper Intermediate)

🎓 Education

• SENA - Software Analysis and Development (2025 - In Progress)
• Codetec - Graphic Design (2023 - 2024)

💡 Experience

• Monitor (Volunteer) at Fundación ROFÉ (Mar 2024 - Nov 2024)
• Nurse Robot Project Leader at Unisimón (Feb 2024 - Nov 2024)

🚀 Getting Started

Prerequisites

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

Installation

1. Clone the repository:

git clone https://github.com/Estivenm06/PortfolioWeb.git
cd PortfolioWeb

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

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

📋 Available Scripts

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check

🌐 Live Demo

Visit the live portfolio: [Coming Soon]

📱 Language Support

The portfolio automatically detects the user's preferred language and supports:

• English (/) - Default homepage
• Spanish (/es) - Spanish version

📞 Contact

• Email: estivenamg01@gmail.com
• LinkedIn: linkedin.com/in/estiven-mejia
• GitHub: github.com/Estivenm06

📄 License

This project is open source and available under the MIT License.

---

Built with ❤️ by Estiven Mejia