Welcome to the repository for my personal portfolio! This project was created to showcase my skills and highlight the projects I've developed in the tech field. I used a variety of technologies to ensure a modern, responsive, and interactive interface.
- Description: Base programming language for web development.
- Usage: Used to build the entire logic of the portfolio, from data management to user interaction.
- Description: CSS extension that allows the use of variables, mixins, and other features.
- Usage: Applied to create modular and organized styles, especially for complex UI components, ensuring a clean and scalable design.
- Description: CSS processor tool for optimizing and transforming styles.
- Usage: Configured to apply automatic prefixes and other CSS optimizations, making the project more efficient and compatible across browsers.
- Description: React framework that enables server-side rendering and static site generation.
- Usage: Manages the project structure and page navigation, enhancing performance and SEO.
- Description: A fast and efficient package manager.
- Usage: Used to install and manage project dependencies, reducing storage space usage.
- Description: Service for programmatic email sending.
- Usage: Implemented to allow visitors to send messages directly to my email from the site.
- Description: Utility-first CSS framework that makes building responsive layouts easier.
- Usage: Used to style the portfolio with utility classes, ensuring a consistent design across all screen sizes.
- Description: Animation library for React, offering customizable and fluid animations.
- Usage: Applied to create smooth animations for sections and components, enhancing the interactivity of the portfolio.
- Description: React component for animating numbers.
- Usage: Used to animate counters and statistics, providing a dynamic visual effect when displaying my skills and experiences.
- Description: Library for creating interactive particles as a page background.
- Usage: Added animated particles to the background for a visually appealing touch.
- Description: Ready-to-use SVG icon set for React.
- Usage: Utilized for icons in the navigation and other sections, improving both aesthetics and navigability.
- Description: React component for typewriter-like text animations.
- Usage: Employed to create typing effects, especially in the introduction section, to highlight my skills and profession dynamically.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/livehass/nextportfolio.git
- Navigate to the project directory:
cd nextportfolio3.Install dependencies using PNPM:
pnpm install4.Start the development server:
pnpm run dev
- Open the portfolio in your browser:
http://localhost:3000