Skip to content

Latest commit

Β 

History

History
126 lines (94 loc) Β· 3.77 KB

File metadata and controls

126 lines (94 loc) Β· 3.77 KB

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
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. 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

πŸ“„ License

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


Built with ❀️ by Estiven Mejia