Portfolio_LucasMiranda Tailwind Templates

Portfolio_lucasmiranda

A dynamic portfolio designed to showcase my skills and what makes me unique. Built with Astro, React, and Tailwind CSS, it focuses on performance and responsive design. Deployed via Vercel, ensuring high availability and smooth navigation.

Lucas Miranda | Software Engineer Portfolio

šŸ“‹ Overview

A modern and responsive portfolio website built with Astro and React, showcasing professional experience, skills, and projects. This portfolio provides a clean, user-friendly interface for visitors to learn about Lucas Miranda's expertise as Software Enginner student and Red Teamer.

šŸš€ Features

  • Responsive Design: Fully optimized for all devices and screen sizes
  • Modern UI: Clean and professional interface with smooth animations
  • Dark/Light Mode: Theme switching capabilities for better user experience
  • Interactive Components: Dynamic sections to showcase skills and projects
  • Performance Optimized: Built with Astro for excellent performance metrics
  • SEO Friendly: Structured metadata for better search engine visibility

šŸ› ļø Tech Stack

  • Framework: Astro
  • UI Library: React
  • Styling: TailwindCSS
  • Typography: Poppins from Google Fonts
  • Icons: Custom SVG icons
  • Deployment: Easily deployable to Vercel, Netlify, or other platforms

šŸ“¦ Project Structure

/
ā”œā”€ā”€ public/
│   └── assets/
│       ā”œā”€ā”€ images/
│       └── svgs/
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ components/
│   │   └── sections/
│   │       ā”œā”€ā”€ Hero.astro
│   │       ā”œā”€ā”€ About.astro
│   │       ā”œā”€ā”€ Experience.astro
│   │       ā”œā”€ā”€ Skills.astro
│   │       ā”œā”€ā”€ Projects.astro
│   │       └── Contact.astro
│   ā”œā”€ā”€ layouts/
│   │   └── Layout.astro
│   ā”œā”€ā”€ pages/
│   │   └── index.astro
│   └── styles/
└── package.json

šŸ–„ļø Website Sections

  • Hero: Introduction and call-to-action
  • About: Personal and professional background
  • Experience: Work history and professional achievements
  • Skills: Technical abilities and expertise
  • Projects: Portfolio of completed work
  • Contact: Form and information for getting in touch

šŸš€ Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn

Installation

  1. Clone the repository:

    git clone 
    cd 
    
  2. Install dependencies:

    npm install
    # or
    yarn install
    
  3. Start the development server:

    npm run dev
    # or
    yarn dev
    
  4. Open your browser and navigate to http://localhost:3000 or your port.

šŸ“ Customization

This portfolio is designed to be easily customizable:

  1. Update personal information in the component files
  2. Replace images in the public/assets/images directory
  3. Modify the color scheme in tailwind.config.js
  4. Add or remove sections as needed in index.astro

🚢 Deployment

This site can be deployed to any platform that supports Astro, such as:

  • Vercel
  • Netlify
  • GitHub Pages
  • AWS Amplify

šŸ“„ License

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


Created with ā¤ļø by Lucas Miranda

Top categories

Loading Svelte Themes