Welcome to my portfolio web app! This project showcases my skills and projects using modern web technologies, providing a sleek and interactive experience.
• TypeScript: For type safety and enhanced development experience.
• React: The core library for building user interfaces.
• Next.js: For server-side rendering and optimized performance.
• Framer Motion: To add smooth animations and transitions for an engaging user experience.
• Aeternity UI: For elegant and functional UI components.
• Radix UI: For accessible and customizable UI primitives.
• Tailwind CSS: For utility-first styling, enabling rapid design and responsive layouts.
• clsx: For conditional styling, allowing dynamic class management based on component state.
• EmailJS: To handle email submissions directly from the web app, making it easy for visitors to contact me.
• Responsive design that looks great on all devices.
• Smooth animations and transitions powered by Framer Motion.
• Easy navigation through my projects and skills.
• Contact form that sends emails directly to me using EmailJS.
![Screenshot 1403-09-12 at 17 00 51](https://private-user-images.githubusercontent.com/144313612/391563289-61813b75-9de8-48f2-994c-51577ed90f0f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODM5MzEsIm5iZiI6MTczOTA4MzYzMSwicGF0aCI6Ii8xNDQzMTM2MTIvMzkxNTYzMjg5LTYxODEzYjc1LTlkZTgtNDhmMi05OTRjLTUxNTc3ZWQ5MGYwZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjQ3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMWY1YTM3YjRkZWRkZTlkMmRhZmIzODZhYTAzNDcyMmUyOGJkZWM4NzY5ZGNiNWQ1N2E4YWQwMzVlYTk4OWM2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.2L6jlVQNoZe-Hkrx4zmQXvzs-x9DPUkEJCOeKopUKgM)
![Screenshot 1403-09-12 at 17 02 29](https://private-user-images.githubusercontent.com/144313612/391563151-350892b4-89cc-4e42-991e-7cf4eec8330e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODM5MzEsIm5iZiI6MTczOTA4MzYzMSwicGF0aCI6Ii8xNDQzMTM2MTIvMzkxNTYzMTUxLTM1MDg5MmI0LTg5Y2MtNGU0Mi05OTFlLTdjZjRlZWM4MzMwZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjQ3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MjYyNTk2N2NjYzYyMmFiMTRhMTNkMjlmMzViYjdiZGY0MjE1YjQwYTRmMDYzYzZkYjYxMjczNjYwYTYzNGQ0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.5_hCVGU3ZA_O-uTwQkWKxreqMcFIwY8k0MteMxWe5R4)
![Screenshot 1403-09-12 at 17 01 19](https://private-user-images.githubusercontent.com/144313612/391563025-53a6af09-eae1-4612-8eee-8fc7b76cbd68.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODM5MzEsIm5iZiI6MTczOTA4MzYzMSwicGF0aCI6Ii8xNDQzMTM2MTIvMzkxNTYzMDI1LTUzYTZhZjA5LWVhZTEtNDYxMi04ZWVlLThmYzdiNzZjYmQ2OC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjQ3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNjAwZTZiZGRkMWU5NTMxMTVkODliN2VkMTk4MDZjYjZmNDQzOGI2NWJhZTJiMTIxYjBmNmY5Y2YyYzlhNGY5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.UcR3BcvKLFe8L3ExVHHXT6gLCPRrws7vg7yybKg3Np8)
![Screenshot 1403-09-12 at 17 00 36](https://private-user-images.githubusercontent.com/144313612/391562958-4b65bae6-c7e1-4281-8dd0-ea660838b73b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODM5MzEsIm5iZiI6MTczOTA4MzYzMSwicGF0aCI6Ii8xNDQzMTM2MTIvMzkxNTYyOTU4LTRiNjViYWU2LWM3ZTEtNDI4MS04ZGQwLWVhNjYwODM4YjczYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjQ3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zOWRmMTEyZTdlZTBmODRiN2FiZTE3MDc3MTg4OWEzNDgyMDhmYzc1MGM5ZjVkY2Q3YmZkYjM5YzMwMmIwNzIzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.-sBfSK7ZHY0b6k97-V_8Ps9oKQlQLlHhMvYrjizyIgU)
![Screenshot 1403-09-12 at 17 03 27](https://private-user-images.githubusercontent.com/144313612/391562888-18524cd2-9773-47f2-a2ba-937ebd0b3fa4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwODM5MzEsIm5iZiI6MTczOTA4MzYzMSwicGF0aCI6Ii8xNDQzMTM2MTIvMzkxNTYyODg4LTE4NTI0Y2QyLTk3NzMtNDdmMi1hMmJhLTkzN2ViZDBiM2ZhNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwOVQwNjQ3MTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hODA4OWI4NGVjODA5YmNjMWExZTM3ODY4OTAxNzA0ZGNhNDVjYWNhNDlhZGYzMjgyOWIyZjY2MGU1YzU0MjA1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.t-L6vOro6sBoBh7DEfPvb_xEqkmOKHnp5ydLUNpocQ8)
▎Getting Started
To view the live demo of the application, please visit https://mahdiyarrez.vercel.app/.
If you would like to run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/MahdiarRez/portfolio.
-
Navigate to the project directory:
cd portfolio
-
Install the dependencies:
npm install
-
Run the development server:
npm run dev
This project is licensed under the MIT License - see the LICENSE file for details.