Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adarachel/adas-internship-profile
Objective: Develop and host a web page using HTML, CSS and JS 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/adarachel/adas-internship-profile
Last synced: about 1 month ago
JSON representation
Objective: Develop and host a web page using HTML, CSS and JS that showcases specific personal and real-time data attributes. Each required element should have a specified data-testid attribute for easy identification and testing.
- Host: GitHub
- URL: https://github.com/adarachel/adas-internship-profile
- Owner: adarachel
- License: mit
- Created: 2023-09-07T15:55:50.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-09-09T14:33:35.000Z (over 1 year ago)
- Last Synced: 2023-09-09T15:31:37.629Z (over 1 year ago)
- Language: HTML
- Homepage: https://adarachel.github.io/adas-internship-profile/
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# HNG Internship Stage 1 Task 1
This is a simple web page created as part of the HNG Internship Stage 1 Task 1. The goal of this project is to develop a web page using HTML, CSS, and JavaScript to showcase specific personal and real-time data attributes.
## Table of Contents
- [Requirements](#requirements)
- [Project Structure](#project-structure)
- [Usage](#usage)
- [Demo](#demo)
- [Contributing](#contributing)
- [License](#license)
## Requirements
The project requirements are as follows:
1. Display your Slack name prominently.
- Attribute: `data-testid="slackUserName"`
2. Showcase your Slack profile picture.
- The image's alt attribute should be your Slack username.
- Attribute: `data-testid="slackDisplayImage"`
3. Indicate the current day of the week (e.g., Monday, Tuesday).
- Attribute: `data-testid="currentDayOfTheWeek"`
4. Display the current UTC time.
- Attribute: `data-testid="currentUTCTime"`
5. Mention your track (e.g., Frontend).
- Attribute: `data-testid="myTrack"`
6. Provide a clickable link to your GitHub repository where the source code for this task resides.
- Attribute: `data-testid="githubURL"`
## Project Structure
The project consists of the following files:
- `index.html`: The HTML file that defines the structure of the web page.
- `style.css`: The CSS file for styling the web page.
- `script.js`: The JavaScript file for dynamic content and functionality.
## Usage
To use this project, follow these steps:
1. Clone the repository to your local machine:
```bash
git clone https://github.com/adarachel/adas-internship-profile.git
2. Open the index.html file in your web browser to view the web page.
## Demo
(https://adarachel.github.io/adas-internship-profile/)
## Contributing
Contributions are welcome! If you have any improvements or suggestions for this project, please open an issue or create a pull request.
## License
This project is licensed under the MIT License. See the LICENSE file for details.