Create a Responsive Portfolio Website with Azure AI Features

Learn how to build a responsive portfolio website from scratch, incorporating Azure AI features. Begin with creating a basic HTML, CSS, and JavaScript structure for a single-page design with animations and mobile responsiveness. Progress to migrating the code into a React project using Next.js for cloud deployment and enhanced transitions. Finally, explore the integration of AI technology using Microsoft Azure, adding interactive elements to your portfolio. Master web development fundamentals, React implementation, and cutting-edge AI integration in this comprehensive tutorial suitable for beginners and experienced developers alike.

Syllabus

- Create a Responsive Portfolio Website
- Website Portfolio Design Overview
- Setup Files and Folders
- Portfolio - Coding the HTML CSS JS
- Portfolio - Selecting a Font
00:00: - VS Code - Live Server Extension
- Portfolio - Adding a Favicon
- Portfolio - Header and Navigation
- Portfolio - Hero Section with Hero Image and Call to Action
- Portfolio - Logo Section
- Portfolio - About Section with Skills
- Portfolio - Articles Section with Work Experience
- Portfolio - Bento Grid with Recent Projects
- Portfolio - Azure AI Chatbot
- Portfolio - Resume and Contact Us
- Convert the Portfolio into NextJS and React JS
- Integrate AI Chatbot - Microsoft Azure AI OpenAI Studio
- Integrate AI Chatbot - Setup GPT3.5 API on Azure OpenAI
- Integrate AI Chatbot - Create Portfolio AI Chatbot
- Integrate AI Chatbot - Add Portfolio Resume to AI Assistant
- Completed and Summary of Portfolio Website