/HTB-Status-Web

This project is a web site that displays Hack The Box status using the user's public API key. Built with Node.js, HTML, CSS, and JS, and hosted for free on Render.com. The app has a server that requests data from the API and a client that formats and displays it attractively. UI designed with Figma, HTML/CSS generated using LocoFy AI.

Primary LanguageCSS

Hack The Box Status Display 💻

Technologies Used:gear:

This project was built using the following technologies:

  • Node.js 🟢
  • HTML 🟠
  • CSS 🔵
  • JavaScript 🟡
  • Figma 🟣
  • LocoFy AI 🔴

Overview 📋

This project is a web application that displays the user's Hack The Box status using the public user API key. The web application is built using Node.js, HTML, CSS, and JavaScript, and hosted on Render.com for free. The web application consists of two parts: server and client.

Server ⚙️

The server is built using Node.js and makes a request to the Hack The Box public user API using the user's API key. The server receives the data from the API and passes it to the client.

Client 💻

The client is built using HTML, CSS, and JavaScript, and receives the data from the server. The client cleans and formats the data, and displays it in an attractive manner using a user interface designed with Figma and converted to HTML and CSS using LocoFy AI.

Images 📷

Here is a screenshot of the web application:

Usage 🛠️

To view the Hack The Box Status Display web application, visit the following URL: https://dusetrive-htb-status-web.onrender.com/

Credits 👏

This project was built by DuseTrive and is hosted on Render.com. The user interface was designed using Figma and converted to HTML and CSS using LocoFy AI. The Hack The Box public user API was used to retrieve the user's status.

License 📄

This project is licensed under the MIT License.