Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

README file for the folder #98

Closed
wants to merge 13 commits into from
25 changes: 25 additions & 0 deletions New_APIs/Codeforces_API/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@

# Codeforces Rating Changes Visualization

### Overview

This project provides a simple web-based visualization tool to track and visualize changes in a user's rating on Codeforces, a popular competitive programming platform. It utilizes the Codeforces API to fetch user rating data and displays it using Chart.js library.

### Features

- Fetches user rating data from Codeforces API using a provided handle.
- Displays rating changes over time in a line chart.
- Customizable chart with options to adjust chart size and appearance.

### Getting Started

1. **Obtain a Codeforces API Key:** Before using this tool, you need to obtain a Codeforces API key. You can get it by registering on the [Codeforces website](https://codeforces.com/apiHelp)

2. **Replace API Key and Handle:** In the provided HTML file, replace `'YOUR_API_KEY'` with your actual Codeforces API key and `'Your_Codeforces_Handle'` with the Codeforces handle for which you want to visualize rating changes.

3. **Run the HTML file:** Simply open the HTML file in a web browser. It will fetch the user's rating data from Codeforces and display it in a line chart.

### Dependencies

- Chart.js: A JavaScript library for creating beautiful charts.

53 changes: 53 additions & 0 deletions New_APIs/Codeforces_API/codeforces.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Codeforces Rating Changes</title>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
<canvas id="ratingChart" width="800" height="400"></canvas>

<script>
// Replace 'YOUR_API_KEY' with your actual Codeforces API key
const apiKey = 'YOUR_API_KEY';
const handle = 'Your_Codeforces_Handle';

const url = `https://codeforces.com/api/user.rating?handle=${handle}`;

fetch(url)
.then(response => response.json())
.then(data => {
const ratingChanges = data.result;

const labels = ratingChanges.map(entry => new Date(entry.ratingUpdateTimeSeconds * 1000).toLocaleDateString());
const ratings = ratingChanges.map(entry => entry.newRating);

const ctx = document.getElementById('ratingChart').getContext('2d');
const myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'Rating Changes',
data: ratings,
borderColor: 'rgba(75, 192, 192, 1)',
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero: false
}
}]
}
}
});
})
.catch(error => console.error('Error fetching data:', error));
</script>
</body>
</html>
17 changes: 17 additions & 0 deletions New_APIs/README.md
Original file line number Diff line number Diff line change
@@ -1 +1,18 @@
# **Let's learn together how to use new APIs!**

| Name of API | Description of API |
|---|---|
|[Coding Details API](./CodingDetails_API)| It validates coding profiles for platforms like LeetCode, CodeChef, and Codeforces, and fetch details associated with these profiles.|
|[College Lectures API](./College_Lectures_API)| This is a simple API for managing college lectures. It allows users to search for a particular lecture of their college.|
|[Demo CRUD API](./Demo_CRUD_API)| It is a simple api that can be used to create, read, update and delete users. It uses a json file as a database. It also gives a glimpse about how to use authorization headers.|
|[E-learning Platform API](./E-learning_Platform_API)|This API serves as the backend for an E-learning platform, providing various functionalities such as user authentication, user management, course management, review handling, profile management, and more. |
|[IIT ISM Subjects API](./IIT-ism-subjects-api)|This API provides endpoints to retrieve information about subjects offered at IIT ISM Dhanbad.|
|[JsonServer API](./JsonServer_API)|This API sets up a development environment for an Angular project alongside a JSON server API. |
|[Library API](./LibraryApi)|It is a library API which can be use to manage library data and library management.|
|[Movie TV Show API](./Movie_Tv_Show_API)|It is a simple api that can be used to fetch data of movie and tv-show with filter options of page, limit, search, and type. It uses a json file as a database.|
|[Recipe Realm API](./Recipe_Realm_API)|This is a simple web application that allows you to search for recipes using the MealDB API and display detailed information about a selected recipe, including its name, category, area, instructions, ingredients, and a link to a video demonstration (if available).|
|[User Data API](./UserDataAPI)|This API serves as a simulated database of people, likely for testing or demonstration purposes in software development.|
|[Authentication API](./auth_API/)|This Authentication API provides endpoints for user registration, login, forgot password, and reset password functionalities. |
|[AWS S3 Multimedia Storage Client API](./aws-client-api/)|This is a client API that facilitates interaction with an AWS S3 bucket for storing and retrieving multimedia files. By utilizing the provided functions, you can easily upload and download multimedia files to and from the S3 bucket.|


Loading