Skip to content

MahdiarRez/portfolio

Repository files navigation

My Portfolio Web App 📝

Welcome to my portfolio web app! This project showcases my skills and projects using modern web technologies, providing a sleek and interactive experience.

Technologies Used 💡

• 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.

Features 📚

• 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.

Screenshots 📷

Screenshot 1403-09-12 at 17 00 51 Screenshot 1403-09-12 at 17 02 29 Screenshot 1403-09-12 at 17 01 19 Screenshot 1403-09-12 at 17 00 36 Screenshot 1403-09-12 at 17 03 27

How to use ?

▎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:

  1. Clone the repository:

    git clone https://github.com/MahdiarRez/portfolio.

  2. Navigate to the project directory:

    cd portfolio

  3. Install the dependencies:

    npm install

  4. Run the development server:

    npm run dev

License 🪪

This project is licensed under the MIT License - see the LICENSE file for details.