Emafido Emmanuel Aridon's Portfolio Website ✨

A sleek, responsive, and interactive personal portfolio website showcasing Emafido Emmanuel Aridon's skills, projects, and contact information. Built with modern web development practices to create a dynamic and engaging user experience.

Features

• Dynamic Navigation: Seamless single-page application experience with navigation between Profile, About Me, and Contact sections without full page reloads.
• Real-time Clock Display: Displays the current time in milliseconds on the profile card, updating every second.
• Form Validation: Client-side validation for the contact form, providing immediate feedback for required fields and valid inputs.
• Responsive Design: Optimized for various screen sizes, ensuring a consistent and user-friendly experience on desktops, tablets, and mobile devices.
• Modern UI: Utilizes CSS styling that mimics popular frameworks for a contemporary aesthetic and smooth transitions.
• Social Connectivity: Direct links to LinkedIn, GitHub, Twitter, and Instagram for easy professional and personal networking.

Getting Started

Follow these steps to set up and run the portfolio website locally.

Installation

1. Clone the Repository:

   git clone <repository-url>

   (Replace <repository-url> with the actual URL of your GitHub repository.)

2. Navigate to the Project Directory:

   cd "C:\Users\IMAFIDON EMMANUEL\Desktop\HNG\Task 2"

   (Or the directory where you cloned the project.)

3. Open in Browser:

   • Simply open the index.html file in your preferred web browser. You can do this by double-clicking the file or by dragging it into an open browser window.
   • For a more local server experience (optional, but good practice for web projects), you can use a simple Python HTTP server:

     # For Python 3
     python -m http.server
     # For Python 2
     python -m SimpleHTTPServer

     Then, navigate to http://localhost:8000 in your browser.

Usage

This portfolio is a static website designed to be straightforward to use and explore.

• Navigation: Use the links in the navigation bar (Profile, About Me, Contact) to switch between sections of the portfolio.
• Contact Form:
  • Go to the "Contact" section.
  • Fill in your "Full Name", "Email Address", "Subject", and "Message".
  • The form includes basic client-side validation for all fields (e.g., valid email format, message length).
  • Click "Send Message". A success message will appear if all fields are valid.
• Social Links: On the "Profile" page, click the "Connect With Me" links (LinkedIn, GitHub, Twitter, Instagram) to visit my social profiles.
• Profile Time Display: The profile card on the "Profile" page displays the current time in milliseconds, which updates dynamically.

Technologies Used

Technology	Description	Link
HTML5	Standard markup language for creating web pages.	MDN HTML
CSS3	Styling language used for presenting web pages.	MDN CSS
JavaScript	Programming language for interactive web features.	MDN JavaScript

Note: While the bio mentions React and Tailwind CSS as skills, this particular project utilizes vanilla HTML, CSS, and JavaScript for its implementation.

License

No specific license file was provided for this project.

Author Info

👋 Emafido Emmanuel Aridon

Connect with me and see more of my work:

• LinkedIn: emmanuel-emafido
• GitHub: Emafido
• Twitter: EmmanuelEmafido
• Instagram: emafido_10

---