https://github.com/aj1732/hng-12--stage-0
https://github.com/aj1732/hng-12--stage-0
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/aj1732/hng-12--stage-0
- Owner: AJ1732
- Created: 2025-01-28T22:07:49.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-28T22:16:54.000Z (5 months ago)
- Last Synced: 2025-01-28T23:25:08.497Z (5 months ago)
- Language: HTML
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **hng-12-stage-0**
A **responsive Profile Card** built with **HTML, CSS, and Vanilla JavaScript** for HNG 12 Stage 0.
This project displays essential profile details dynamically, ensuring a clean and visually appealing UI.
## 🚀 **Features**
✅ Responsive design
✅ Displays profile picture, full name, job title, short bio, current location, and social links
✅ Dynamically updates **UTC time** every second
✅ Uses `data-testid` attributes for easy testing
## 🖥️ **Live Demo**
🔗 [Deploy Link](https://1732-hng-12-stage-0.netlify.app/)
## 📌 **Requirements**
To meet the task requirements, the Profile Card includes:
| Feature | Description | `data-testid` Attribute |
| ----------------------- | ------------------------------- | ----------------------- |
| **Profile Picture** | Displays a user profile image | `profilePicture` |
| **Full Name** | Shows the user's full name | `fullName` |
| **Job Title** | Displays the user's job title | `jobTitle` |
| **Short Bio** | A brief bio (50-100 words) | `shortBio` |
| **Current Location** | Shows city and country | `currentLocation` |
| **Email Address** | Clickable email link | `emailAddress` |
| **Social Links** | Links to LinkedIn, GitHub, etc. | `socialLinks` |
| **Current Time in UTC** | Updates dynamically | `currentTimeUTC` |
## 🛠 **Technologies Used**
- **HTML** – Structure
- **CSS** – Styling and responsiveness
- **JavaScript** – Dynamic content updates for current time in UTC
---