Skip to content

Andres22-sys/my_portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio of Andres Dominguez

This is a responsive and modern portfolio website built to showcase my skills, experience, and projects as a Full-Stack Engineer. It highlights key aspects of my work, testimonials, and provides visitors with an easy way to get in touch or collaborate.

Project Overview

  • Purpose: A personal portfolio to present my experience, skills, and projects in a professional and visually appealing way.
  • Technology Stack:
    • Frontend: React, Tailwind CSS
    • Additional Libraries: Swiper.js for interactive sliders and animations
    • Deployment: Hosted on Vercel for fast and reliable delivery.
  • Features:
    • Clean and responsive design, ensuring compatibility across devices.
    • Interactive UI elements such as sliders for testimonials.
    • Accessible forms to enable quick contact via email or Messenger.

Key Features

  1. Hero Section: Welcomes visitors with my name, profession, and a call to action to view my CV or collaborate.
  2. About Section: Describes my professional journey, experience, and hobbies.
  3. Skills Breakdown: Highlights my technical proficiencies in frontend and backend technologies.
  4. Projects Section: Showcases live demos and GitHub repositories for 6+ completed projects.
  5. Testimonials Slider: Displays peer recommendations with a user-friendly Swiper slider.
  6. Contact Form: Includes an interactive form for visitors to send messages directly via email or Messenger.

Getting Started

Prerequisites

To run this project locally, you’ll need:

  • Node.js (v16 or later)
  • npm (v7 or later)

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo-name.git
    cd your-repo-name
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm start

Building for Production

To generate a production build:

npm run build

Folder Structure

The project is organized as follows:

src/
├── assets/            # Images and icons used across the site
├── components/        # Reusable React components
├── styles/            # Global and component-specific CSS
├── App.jsx            # Main application file
├── index.jsx          # Entry point

Deployment

This portfolio is deployed on Vercel. You can view the live site here: Live Demo


Contributing

This project is intended as a personal portfolio. However, if you notice any bugs or have suggestions for improvement:

  1. Fork the repository.
  2. Create a feature branch:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add feature description"
  4. Push the branch:
    git push origin feature-name
  5. Open a Pull Request.

Contact

If you have any questions or would like to collaborate, feel free to reach out:


© 2023 Andres Dominguez. All rights reserved.