Azu's Portfolio

Description

The Azu's Portfolio is a dynamic single-page application designed to showcase projects, skills, and contact information for potential employers and collaborators. Built using React, it highlights your ability to create modern web applications with responsive design and intuitive navigation. Deployed on Netlify, this portfolio is a professional way to demonstrate your work and expertise in web development.

Table of Contents

• Installation
• Usage
• Features
• Screenshots
• Technologies Used
• Deployed Application
• Contact

Installation

1. Clone the repository:

   git clone https://github.com/Azugr

2. Navigate to the project directory:

   cd react-portfolio

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and navigate to http://localhost:3000 to view the application.

Usage

1. Navigate through the portfolio using the navigation bar to access different sections:
   • About Me: Displays your photo/avatar and a short bio.
   • Portfolio: Showcases six projects with titled images, links to the live applications, and GitHub repositories.
   • Contact: Contains a contact form for name, email, and message input, with validation for required fields and proper email format.
   • Resume: Includes a downloadable resume link and a list of proficiencies.
2. Interact with the contact form to send a message or download your resume from the Resume section.

Features

• Header and Navigation:
  • Displays the developer’s name and navigation links.
  • Highlights the active section in the navigation.
• About Me Section:
  • Includes a recent photo/avatar and a brief bio.
• Portfolio Section:
  • Displays six projects with screenshots, titles, and links to live applications and repositories.
• Contact Form:
  • Validates required fields and ensures email addresses are in the correct format.
• Resume Section:
  • Provides a downloadable resume and lists developer proficiencies.
• Footer:
  • Includes links to GitHub, LinkedIn, and a third platform (e.g., Stack Overflow or Twitter).

Walkthrough video

https://drive.google.com/file/d/1u_tPB692RPX4DC3xLsWfmYuovnht4c5b/view

Technologies Used

• React
• React Router DOM
• Netlify (for deployment)
• HTML5 & CSS3
• JavaScript (ES6+)

Deployed Application

The live application is available at: Netlify Deployment Link

Contact

Feel free to reach out for questions or collaboration opportunities:

• Email: azugr@outlook.com

• GitHub: https://github.com/Azugr

• LinkedIn: linkedin.com/in/draazucenagarcia