/me-and-my-tech-goals

This simple single-page website outlines my tech goals for the next 2 years. It is built using HTML, CSS, and JavaScript and is designed to be visually appealing and fully responsive.

Primary LanguageHTML

Overview

Welcome to my Personal Website on Tech Goals! This simple single-page website outlines my tech goals for the next 2 years. It is built using HTML, CSS, and JavaScript and is designed to be visually appealing and fully responsive.

Features

  • Responsive design that works well on all devices (desktop, tablet, mobile).
  • Includes display of Slack display name/ID, email, and profile picture.
  • Dynamic display of current UTC time and day of the week.
  • Links to useful resources and tools related to my tech goals.
  • Clear outline of tech goals for the next 2 years.
  • A Simple and clean layout.

Table of Contents

  1. Demo
  2. Technologies Used
  3. Installation
  4. Usage
  5. Project Structure
  6. Special Notes
  7. License
  8. Contact

Demo

You can view a live Githib pages-demo of the project here.

Landing Page

project-DesktopImage

Technologies Used

  1. HTML
  2. CSS
  3. JavaScript

Installation

Clone the repository:

Copy code
git clone https://github.com/AfubeAngel/me-and-my-tech-goals

Navigate to the project directory:

Copy code
cd me-and-my-tech-goals

Open index.html (Go live) in your browser to view the webpage.

Usage

  • Navigate through the website to explore my tech goals.
  • Check out the links to useful resources and tools.
  • Observe the dynamic display of current UTC time and day of the week.
  • To customize the content, edit the index.html file in the root directory.
  • To modify styles, edit the CSS stylesheet or the javascript accordingly.
  • Add or update images in the images directory.

Project Structure

me-and-my-tech-goals/

├── images/

├── ... (all images)

├── index.html

├── style.css

├── main.js

├── README.md

Special Notes

  • Slack Name: Displayed as AC. (data-testid="slackDisplayName")
  • Slack Email: Displayed as angelchinenye42@gmail.com. (data-testid="slackEmail")
  • Slack Profile Picture: Displayed with the appropriate image. (data-testid="slackProfile")
  • Current Time in UTC: Dynamically displayed. (data-testid="currentTimeUTC")
  • Current Day of the Week: Dynamically displayed. (data-testid="currentDay")

Resource Links:

  • HNG Learn: hng.tech/learn (data-testid="hngLink")
  • Keyword.dog: keyword.dog (data-testid="keywordLink")
  • ScrapeAnyWeb: scrapeanyweb.site (data-testid="scrapeanywebLink")

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or need further assistance, feel free to contact me:

GitHub: https://github.com/AfubeAngel

Email: angelchinenye42@gmail.com