Check out the live app mahmoud-mohsen-portfolio

• Animated Avatar: Dynamic avatar animation on every page reload.

• Dark and Light Modes: Switch between dark and light themes for a personalized reading experience.

• Animated Hero Section: Added animation for the name title in the hero section.

• Responsive Design: Ensures a visually appealing and functional experience across various devices.

• Contact Form: Easily send messages directly to my email through the implemented contact form.

• Route Navigation: Effortless movement between different sections or pages.

Design complexity and aesthetics.

How i tackled this challenge

1. Used figma to preview the look of my portfolio before building it.
2. Gathered feedback from peers.
3. Started building the portfolio.

• TypeScript
• TailwindCSS
• React
• Figma
• vite
• emailjs
• framer-motion
• lottie-react
• tw-elements-react

1. Clone this repository.

   git clone https://github.com/mahmoud-mohsen-dev/my-portfolio.git

2. Navigate to the Project Directory:

   cd my-portfolio

3. Install Dependencies:

    npm install

4. Start the Development Server:

   npm run dev

5. Open in your Browser:

   Open your web browser and go to http://localhost:3000 to see the app in action.

Now, Mahmoud Mohsen portfolio is up and running on your local machine.