Portfolio Site

Welcome to my personal portfolio site! This project showcases my work as a web developer, featuring various projects I've created for fun ^^.

Check out the live demo here.

Table of Contents

• Introduction
• Technologies Used
• Features
• Installation
• Usage
• Contributing
• License
• Contact

Introduction

As a passionate web developer, I have embarked on numerous projects that highlight my skills, creativity, and dedication to crafting immersive web experiences. This personal portfolio site serves as a gateway to explore my work and gain insights into my coding capabilities.

Technologies Used

The following technologies were used in the development of this portfolio site:

• Javascript: The core programming language for building interactive and dynamic components.
• React: A popular frontend library for building reusable UI components and managing application state efficiently.
• Scss: A powerful CSS preprocessor that simplifies styling and allows for better organization and maintainability.
• gsap: GreenSock Animation Platform - a JavaScript library for creating high-performance animations.
• framer-motion: A library for creating smooth animations and gestures in React applications.

Features

• Project Showcase: A collection of my web development projects, each with a detailed description and live demo link.
• Interactive Design: Engaging animations and transitions created using gsap and framer-motion to enhance the user experience.
• Responsive: The site is designed to adapt seamlessly to various screen sizes and devices.
• Easy Navigation: An intuitive navigation menu that enables users to explore different sections effortlessly.

Installation

To set the project locally, follow these steps:

1. Clone the repository: git clone https://github.com/noel-lopez/portfolio.git
2. Change into the project directory: cd portfolio
3. Install the dependencies: npm install

Usage

To run the portfolio site locally, use the following command:

npm run dev

This will start a development server, and you can access the site at http://localhost:5173.

You can start editing the page by modifying src/App.jsx. The page auto-updates as you edit the file.

Contributing

I appreciate all kind of contributions! If you find any issues or have suggestions for improvement, please feel free to open a new issue or submit a pull request.

License

This project is licensed under the MIT License

This is a React project bootstrapped with create-vite.

Contact

Feel free to get in touch with me if you have any questions or just want to say hello! You can reach me at:

• Email: [email protected]
• LinkedIn: Noel Lopez
• Twitter: @noeldev_