https://github.com/mahdiarrez/portfolio

My portfolio app, built with React and Next js
https://github.com/mahdiarrez/portfolio

aceternity-ui framer-motion javascript nextjs radix-ui react tailwindcss typescript

Last synced: 5 days ago
JSON representation

My portfolio app, built with React and Next js

• Host: GitHub
• URL: https://github.com/mahdiarrez/portfolio
• Owner: MahdiarRez
• Created: 2024-11-18T11:11:58.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-01-31T20:52:02.000Z (6 days ago)
• Last Synced: 2025-01-31T21:28:16.028Z (6 days ago)
• Topics: aceternity-ui, framer-motion, javascript, nextjs, radix-ui, react, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://mahdiardev.vercel.app/
• Size: 69.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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 📷 ##











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