Skip to content

Latest commit

 

History

History
97 lines (70 loc) · 3.58 KB

README.md

File metadata and controls

97 lines (70 loc) · 3.58 KB

Andrés Gongora's Portfolio

Portfolio Screenshot

Welcome to my personal portfolio repository! This project showcases my journey and skills as a frontend developer with a focus on building dynamic and responsive web applications using modern technologies like React, Tailwind CSS, and Vite. You can explore my work, learn more about me, and contact me through this website.

🔗 Live Preview

Check out the live version of the portfolio here: https://your-portfolio.vercel.app

📋 Table of Contents

✨ Features

  • Responsive Design: Optimized for desktop and mobile devices.
  • Dynamic Language Switching: Supports both English and Spanish through a toggle switch in the navbar.
  • Modern UI: Built with Tailwind CSS for clean, responsive styling.
  • Interactive Components: Leveraging React for smooth user interactions.
  • Deployable with Vercel: Fully integrated CI/CD pipeline for seamless deployment.
  • Real-time updates: Auto-updates through GitHub-Vercel integration.

🛠️ Technologies

This project was built using the following technologies:

  • React: JavaScript library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for rapid UI development.
  • Vite: Next-generation frontend tooling for faster builds.
  • JavaScript: Core programming language for frontend functionality.
  • Vercel: For deployment, providing fast and reliable hosting with continuous integration.

🚀 Setup

To get a local copy of the project and run it on your machine:

  1. Clone the repository: 
    git clone https://github.com/your-username/your-portfolio-repo.git
  2. Navigate to the project folder: 
    cd your-portfolio-repo
  3. Install dependencies: 
    npm install
  4. Start the development server: 
    npm run dev

Your portfolio should now be running at http://localhost:5173.

📁 Project Structure

├── public/ # Static assets ├── src/ │ ├── assets/ # Images and other assets │ ├── components/ # React components (About, Contact, etc.) │ ├── constants/ # Language-specific content (EN, ES) │ ├── App.jsx # Main application component │ ├── index.jsx # Entry point for React │ └── styles/ # Global and component-level styles ├── tailwind.config.js # Tailwind CSS configuration ├── vite.config.js # Vite configuration └── README.md # You're reading this!

🌱 Future Plans

Some features I plan to add in the future:

  • Dark Mode: Add a switch to toggle between light and dark themes.
  • Backend Integration: Explore full-stack capabilities by integrating a backend API.
  • More Animations: Enhance user experience with subtle animations and transitions.

🤝 Contributing

| I welcome contributions to improve this portfolio! If you'd like to collaborate:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Push to your branch and submit a pull request.
  5. Feel free to open issues to suggest improvements or ask questions.

Feel free to open issues to suggest improvements or ask questions.

📄 License

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

Made with ❤️ by Andrés Gongora.