Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/oghene-ella/page-creation

Develop and host a web page using HTML and CSS that showcases specific personal and real-time data attributes. Each required element should have a specified data-testid attribute for easy identification and testing.
https://github.com/oghene-ella/page-creation

html-css-javascript responsive-design

Last synced: 2 days ago
JSON representation

Develop and host a web page using HTML and CSS that showcases specific personal and real-time data attributes. Each required element should have a specified data-testid attribute for easy identification and testing.

Awesome Lists containing this project

README

        

#Task: Frontend Page Creation with Specific Elements

#Objective: Develop and host a web page using HTML and CSS that showcases specific personal and real-time data attributes. Each required element should have a specified data-testid attribute for easy identification and testing.

#Requirements ✨:

Slack Name:
Display your Slack name prominently.
Attribute: data-testid="slackUserName"

Slack Display Picture:
Showcase your Slack profile picture.
The image's alt attribute should be your Slack username.
Attribute: data-testid="slackDisplayImage"
Current Day of the Week:
Indicate the current day of the week (e.g., Monday, Tuesday).
Attribute: data-testid="currentDayOfTheWeek"
Current UTC Time:
Display the current UTC time in milliseconds.
Attribute: data-testid="currentUTCTime"
Track:
Mention your track (e.g Frontend).
Attribute: data-testid="myTrack"
GitHub URL:
Provide a clickable link to your GitHub repository where the source code for this task resides.
Attribute: data-testid=“githubURL”

Submission Mode🦾:

Submit your task through the designated submission form. Ensure you've:

Hosted the page on a platform of your choice (e.g., Vercel, GitHub Pages, Netlify).
Double-check all requirements and acceptance criteria.
Provide your slack display name, email and the hosted page's URL in the submission form.