No description
  • HTML 78.1%
  • JavaScript 21.9%
Find a file
2024-11-21 16:22:05 +01:00
.DS_Store component v0.1 2024-11-21 16:20:58 +01:00
.gitattributes Initial commit 2024-11-09 21:01:34 +01:00
background.png component v0.1 2024-11-21 16:20:58 +01:00
component.png component v0.1 2024-11-21 16:20:58 +01:00
index.html component v0.1 2024-11-21 16:20:58 +01:00
package-lock.json component v0.1 2024-11-21 16:20:58 +01:00
package.json component v0.1 2024-11-21 16:20:58 +01:00
README.md Update README.md 2024-11-21 16:22:05 +01:00
root-me-api.js component v0.1 2024-11-21 16:20:58 +01:00
Root.png component v0.1 2024-11-21 16:20:58 +01:00

Root-Me Badge Component

This project displays a customizable badge with user data from the Root-Me platform. It includes a backend to fetch data and a styled web component for the badge display.

image

Features

  • Fetches user ranking, score, and completed challenges from Root-Me.
  • Interactive and styled badge component.
  • Backend with Express.js using Axios and Cheerio for web scraping.

Technologies

  • Frontend: HTML, CSS, JavaScript (Axios for API requests).
  • Backend: Node.js, Express.js, Cheerio.

Setup

  1. Clone the repository:

    git clone https://github.com/cedev-1/RootMe-Badge.git
    cd RootMe-Badge
    
    
  2. Install dependencies for the backend:

    npm install
    
  3. Start the backend:

    node root-me-api.js
    
  4. Possible

Usage

 const response = await axios.get('http://localhost:3000/api/rootme/username'); // Change "username"

add this component to your website you can use without the scraper