8 |
12 | Contests Notifier
13 |
14 |
15 |
16 |
24 | );
25 | };
26 |
27 | export default Navbar;
28 |
--------------------------------------------------------------------------------
/browser-extension/public/background.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 | const showNotification = (title, message, alarmName) => {
3 | chrome.notifications.create(alarmName, {
4 | type: "basic",
5 | iconUrl: "logo/icons96.png",
6 | title: title,
7 | message: message,
8 | priority: 1,
9 | });
10 | };
11 |
12 | chrome.alarms.onAlarm.addListener((alarm) => {
13 | if (alarm.name.startsWith("contest_")) {
14 | const contestName = alarm.name.replace("contest_", "") //.split("&url=")[0];
15 |
16 | showNotification(
17 | "Upcoming Contest",
18 | `Contest ${contestName} starts in 10 minutes!`,
19 | alarm.name
20 | );
21 | }
22 | });
23 |
24 | // chrome.notifications.onClicked.addListener((notificationId) => {
25 | // const contestURL = notificationId.split("&url=")[1];
26 | // if (contestURL) chrome.tabs.create({ url: contestURL });
27 | // });
28 |
--------------------------------------------------------------------------------
/browser-extension/src/components/FilterMenu.tsx:
--------------------------------------------------------------------------------
1 | const options = ["All", "Ongoing", "In next 24hrs", "In next 7days"];
2 |
3 | const FilterMenu = ({curFilter,updateFilter}: {
4 | curFilter: string,
5 | updateFilter: (option:string) => void
6 | }) => {
7 | return (
8 |
9 | {options.map(
10 | (option) => (
11 |
22 | )
23 | )}
24 |
25 | )
26 | }
27 |
28 | export default FilterMenu
29 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2024 Vaibhav Arora
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/browser-extension/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "browser-extension",
3 | "private": true,
4 | "version": "0.0.0",
5 | "type": "module",
6 | "scripts": {
7 | "dev": "vite",
8 | "build": "tsc && vite build",
9 | "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
10 | "preview": "vite preview"
11 | },
12 | "dependencies": {
13 | "@emotion/styled": "^11.13.0",
14 | "@mui/icons-material": "^5.16.7",
15 | "axios": "^1.6.8",
16 | "react": "^18.2.0",
17 | "react-dom": "^18.2.0",
18 | "react-router-dom": "^6.26.0",
19 | "react-toastify": "^10.0.5"
20 | },
21 | "devDependencies": {
22 | "@types/chrome": "^0.0.267",
23 | "@types/react": "^18.2.66",
24 | "@types/react-dom": "^18.2.22",
25 | "@typescript-eslint/eslint-plugin": "^7.2.0",
26 | "@typescript-eslint/parser": "^7.2.0",
27 | "@vitejs/plugin-react": "^4.2.1",
28 | "autoprefixer": "^10.4.19",
29 | "eslint": "^8.57.0",
30 | "eslint-plugin-react-hooks": "^4.6.0",
31 | "eslint-plugin-react-refresh": "^0.4.6",
32 | "postcss": "^8.4.38",
33 | "tailwindcss": "^3.4.3",
34 | "typescript": "^5.2.2",
35 | "vite": "^5.2.0"
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/browser-extension/README.md:
--------------------------------------------------------------------------------
1 | # React + TypeScript + Vite
2 |
3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
4 |
5 | Currently, two official plugins are available:
6 |
7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
9 |
10 | ## Expanding the ESLint configuration
11 |
12 | If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
13 |
14 | - Configure the top-level `parserOptions` property like this:
15 |
16 | ```js
17 | export default {
18 | // other rules...
19 | parserOptions: {
20 | ecmaVersion: 'latest',
21 | sourceType: 'module',
22 | project: ['./tsconfig.json', './tsconfig.node.json'],
23 | tsconfigRootDir: __dirname,
24 | },
25 | }
26 | ```
27 |
28 | - Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
29 | - Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
30 | - Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
31 |
--------------------------------------------------------------------------------
/browser-extension/public/vite.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/components/Loader.tsx:
--------------------------------------------------------------------------------
1 | const Loader = () => {
2 | return (
3 |
4 |
20 | Loading...
21 |
22 | );
23 | };
24 |
25 | export default Loader;
26 |
--------------------------------------------------------------------------------
/backend/src/platforms/codeforces.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import { CONTEST_INTERFACE, PLATFORM } from "../types";
3 |
4 | const CODEFORCES_BASE_URL = "https://codeforces.com/contest/"; // used for generating contest links
5 | const CODEFORCES_API = "https://codeforces.com/api/contest.list";
6 |
7 | const fetchCodeforcesContests = async () => {
8 | try {
9 | const response = await axios.get(CODEFORCES_API);
10 | const data = response.data;
11 |
12 | return data.result || [];
13 | } catch (error) {
14 | return [];
15 | }
16 | };
17 |
18 | const parseCodeforcesContests = (data: [any]) => {
19 | const contests: CONTEST_INTERFACE[] = [];
20 |
21 | data.forEach((element) => {
22 | if (element.phase == "BEFORE" || element.phase == "CODING") {
23 | const contest_name = element?.name || "Codeforces contest";
24 | const url = CODEFORCES_BASE_URL + element?.id;
25 |
26 | const startMs = element?.startTimeSeconds * 1000;
27 | const duration = element?.durationSeconds / 60 || 120; // minutes
28 | const endMs = startMs + duration * 60 * 1000;
29 |
30 | const contest: CONTEST_INTERFACE = {
31 | site: PLATFORM.CODEFORCES,
32 | title: contest_name,
33 | startTime: startMs,
34 | endTime: endMs,
35 | duration,
36 | url,
37 | };
38 |
39 | contests.push(contest);
40 | }
41 | });
42 |
43 | return contests;
44 | };
45 |
46 | const getCodeforcesContests = async () => {
47 | const data = await fetchCodeforcesContests();
48 | const parsedData = parseCodeforcesContests(data);
49 |
50 | console.log("Fetched data from codeforces!", parsedData.length);
51 |
52 | return parsedData;
53 | };
54 |
55 | export default getCodeforcesContests;
56 |
--------------------------------------------------------------------------------
/backend/src/platforms/codingninja.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import { CONTEST_INTERFACE, PLATFORM } from "../types";
3 |
4 | const CODING_NINJA_BASE_URL = "https://www.naukri.com/code360/contests/"; // used for generating contest links
5 | const CODING_NINJA_API =
6 | "https://api.codingninjas.com/api/v4/public_section/contest_list";
7 |
8 | const fetchCodingNinjaContests = async () => {
9 | try {
10 | const {data} = await axios.get(CODING_NINJA_API);
11 |
12 | if (data?.data?.events) return data.data.events;
13 | return [];
14 | } catch (error) {
15 | console.log("Error", error);
16 | return [];
17 | }
18 | };
19 |
20 | const parseCodingNinjaContests = (data: [any]) => {
21 | const contests: CONTEST_INTERFACE[] = [];
22 |
23 | data.forEach((element) => {
24 | const contest_name = element?.name || "Coding Ninjas contest";
25 | const url = CODING_NINJA_BASE_URL + element?.slug;
26 |
27 | const startMs = new Date(element?.event_start_time*1000).getTime();
28 | const endMs = new Date(element?.event_end_time*1000).getTime();
29 | const duration = (endMs - startMs)/(1000*60) || 120; // minutes
30 |
31 | const contest: CONTEST_INTERFACE = {
32 | site: PLATFORM.CODINGNINJAS,
33 | title: contest_name,
34 | startTime: startMs,
35 | endTime: endMs,
36 | duration,
37 | url,
38 | };
39 |
40 | contests.push(contest);
41 | });
42 |
43 | return contests;
44 | };
45 |
46 | const getCodingNinjaContests = async () => {
47 | const data = await fetchCodingNinjaContests();
48 | const parsedData = parseCodingNinjaContests(data);
49 |
50 | console.log("Fetched data from CodingNinja!", parsedData.length);
51 | return parsedData;
52 | };
53 |
54 | export default getCodingNinjaContests;
55 |
--------------------------------------------------------------------------------
/backend/src/platforms/cache.ts:
--------------------------------------------------------------------------------
1 | import { CONTEST_INTERFACE } from "../types";
2 | import { getAtcoderContests } from "./atcoder";
3 | import getCodechefContests from "./codechef";
4 | import getCodeforcesContests from "./codeforces";
5 | import getCodingNinjaContests from "./codingninja";
6 | import getGfgContests from "./geeksforgeeks";
7 | import getLeetcodeContests from "./leetcode";
8 |
9 | const REFRESH_TIMER = 6 * 60 * 60 * 1000;
10 | // const REFRESH_TIMER = 0;
11 |
12 | let lastRefreshTime = new Date(1970, 0, 1).getTime();
13 |
14 | let codeforcesContests: CONTEST_INTERFACE[] = [],
15 | leetcodeContests: CONTEST_INTERFACE[] = [],
16 | codechefContests: CONTEST_INTERFACE[] = [],
17 | gfgContests: CONTEST_INTERFACE[] = [],
18 | atcoderContests: CONTEST_INTERFACE[] = [],
19 | codingninjaContests: CONTEST_INTERFACE[] = [];
20 |
21 | const refreshCache = async () => {
22 | const currentTime = new Date().getTime();
23 | if (currentTime - lastRefreshTime <= REFRESH_TIMER) return;
24 |
25 | lastRefreshTime = currentTime;
26 | console.log("Refreshing cache");
27 |
28 | try {
29 | [
30 | codechefContests,
31 | codeforcesContests,
32 | leetcodeContests,
33 | gfgContests,
34 | atcoderContests,
35 | codingninjaContests,
36 | ] = await Promise.all([
37 | getCodechefContests(),
38 | getCodeforcesContests(),
39 | getLeetcodeContests(),
40 | getGfgContests(),
41 | getAtcoderContests(),
42 | getCodingNinjaContests(),
43 | ]);
44 |
45 | console.log("Refreshed cache");
46 | } catch (error) {
47 | console.error("Error refreshing cache:", error);
48 | }
49 | };
50 |
51 | export {
52 | codechefContests,
53 | codeforcesContests,
54 | leetcodeContests,
55 | gfgContests,
56 | atcoderContests,
57 | codingninjaContests,
58 | refreshCache,
59 | };
60 |
--------------------------------------------------------------------------------
/backend/src/platforms/codechef.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import { CONTEST_INTERFACE, PLATFORM } from "../types";
3 |
4 | const CODECHEF_BASE_URL = "https://www.codechef.com/"; // used for generating contest links
5 | const CODECHEF_API =
6 | "https://www.codechef.com/api/list/contests/all?sort_by=START&sorting_order=asc&offset=0&mode=all";
7 |
8 | const fetchCodechefContests = async () => {
9 | try {
10 | const response = await axios.get(CODECHEF_API);
11 | const data = response.data;
12 |
13 | let result = [];
14 | if (data?.present_contests) result = data?.present_contests;
15 | if (data?.future_contests) result = [...result, ...data.future_contests];
16 | return result;
17 | } catch (error) {
18 | return [];
19 | }
20 | };
21 |
22 | const parseCodechefContests = (data: [any]) => {
23 | const contests: CONTEST_INTERFACE[] = [];
24 |
25 | data.forEach((element) => {
26 | const contest_name = element?.contest_name || "Codechef contest";
27 | const url = CODECHEF_BASE_URL + element?.contest_code;
28 |
29 | const startMs = new Date(element?.contest_start_date_iso).getTime();
30 | const endMs = new Date(element?.contest_end_date_iso).getTime();
31 | const duration = element?.duration || 120; // minutes
32 |
33 | const contest: CONTEST_INTERFACE = {
34 | site: PLATFORM.CODECHEF,
35 | title: contest_name,
36 | startTime: startMs,
37 | endTime: endMs,
38 | duration,
39 | url,
40 | };
41 |
42 | contests.push(contest);
43 | });
44 |
45 | return contests;
46 | };
47 |
48 | const getCodechefContests = async () => {
49 | const data = await fetchCodechefContests();
50 | const parsedData = parseCodechefContests(data);
51 |
52 | console.log("Fetched data from codechef!",parsedData.length);
53 |
54 | return parsedData;
55 | };
56 |
57 | export default getCodechefContests;
--------------------------------------------------------------------------------
/backend/src/platforms/leetcode.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import { CONTEST_INTERFACE, PLATFORM } from "../types";
3 |
4 | const LEETCODE_BASE_URL = "https://leetcode.com/contest/"; // used for generating contest links
5 | const LEETCODE_API = "https://leetcode.com/graphql";
6 |
7 | const fetchLeetcodeContests = async () => {
8 | try {
9 | const response = await axios.post(LEETCODE_API, {
10 | headers: {
11 | "Content-Type": "application/json",
12 | },
13 | query: `{
14 | topTwoContests{
15 | title
16 | startTime
17 | duration
18 | cardImg
19 | titleSlug
20 | }
21 | }`,
22 | });
23 | const data = response.data;
24 |
25 | return data.data.topTwoContests || [];
26 | } catch (error) {
27 | return [];
28 | }
29 | };
30 |
31 | const parseLeetcodeContests = (data: [any]) => {
32 | const contests: CONTEST_INTERFACE[] = [];
33 |
34 | data.forEach((element) => {
35 | const contest_name = element?.title || "Leetcode contest";
36 | const url = LEETCODE_BASE_URL + element?.titleSlug;
37 |
38 | const startMs = element?.startTime*1000;
39 | const duration = element?.duration/60 || 90; // minutes
40 | const endMs = startMs + duration*60*1000;
41 |
42 | const contest: CONTEST_INTERFACE = {
43 | site: PLATFORM.LEETCODE,
44 | title: contest_name,
45 | startTime: startMs,
46 | endTime: endMs,
47 | duration,
48 | url,
49 | };
50 |
51 | contests.push(contest);
52 | });
53 |
54 | return contests;
55 | };
56 |
57 | const getLeetcodeContests = async () => {
58 | const data = await fetchLeetcodeContests();
59 | const parsedData = parseLeetcodeContests(data);
60 |
61 | console.log("Fetched data from leetcode!",parsedData.length);
62 |
63 | return parsedData;
64 | };
65 |
66 |
67 | export default getLeetcodeContests;
68 |
--------------------------------------------------------------------------------
/browser-extension/src/App.tsx:
--------------------------------------------------------------------------------
1 | import "./App.css";
2 | import axios from "axios";
3 | import ContestList from "./components/ContestList";
4 | import SettingsMenu from "./components/SettingsMenu";
5 | import useTheme from "./hooks/useTheme";
6 | import Credits from "./components/Credits";
7 | import AlarmList from "./components/Alarms";
8 | import useContests from "./hooks/useContests";
9 | import { Route, Routes } from "react-router-dom";
10 | import Navbar from "./components/Navbar";
11 | import { ToastContainer } from "react-toastify";
12 | import "react-toastify/dist/ReactToastify.css";
13 |
14 | // axios.defaults.baseURL = "http://localhost:3000/api";
15 | axios.defaults.baseURL = "https://cp-list.vercel.app/api";
16 |
17 | function App() {
18 | const { loading, error, contests, platforms, setPlatforms } = useContests();
19 | const { theme, setDarkMode } = useTheme();
20 |
21 | return (
22 | <>
23 |
24 |
53 |
25 |
27 |
50 |
51 |
30 |
72 | );
73 | };
74 |
75 | export default AlarmList;
76 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 🚀 **Contest Notifier Browser Extension**
2 | Introducing **Contest Notifier** - Your all-in-one solution to enhance your coding contest experience! This web extension centralizes and customizes your contest tracking, with smart reminders and time-based filtering to keep you on top of your game. 🎯
3 |
4 | 🔗 **Install it from the web store [here](https://chromewebstore.google.com/detail/contests-notifier/bdlfpnghogldhcpgiknambfhdmddjghi).**
5 |
6 | 
7 |
8 | ## 🛠 **Tech Stack:**
9 | - **TypeScript**
10 | - **React.js**
11 | - **Node.js**
12 |
13 | ## ✨ **Features**
14 | 1. 📅 **Centralized Contest Tracking**: View upcoming and ongoing contests from platforms like LeetCode, CodeChef, Codeforces, AtCoder, GeeksforGeeks, and CodingNinjas all in one place.
15 | 2. 🎯 **Customizable Platform & Time Selection**: Filter contests by your preferred platforms and timeframes, such as ongoing or starting within the next 24 hours.
16 | 3. ⏰ **Smart Reminder System**: Receive a reminder 10 minutes before a contest begins when you’ve set an alarm. (Make sure your device's Do Not Disturb is off to receive notifications)
17 |
18 | 🔒 **Privacy First:** We don’t store any of your data. Contest Notifier simply fetches and displays contest information.
19 |
20 | ## 📥 **Installation**
21 | ### Chrome
22 | - 📦 Download the [contest-list.zip file](https://github.com/VaibhavArora314/contest-notifier-extension/tree/main/browser-extension/versions) from the GitHub repository.
23 | - 📂 Unzip the file.
24 | - 🌐 Open Chrome and go to `chrome://extensions/`.
25 | - ⚙️ Enable "Developer mode" in the top right corner.
26 | - 📤 Click on "Load unpacked" and select the unzipped contest-list folder.
27 |
28 | ### Firefox
29 | - 📦 Download the [contest-list.zip file](https://github.com/VaibhavArora314/contest-notifier-extension/tree/main/browser-extension/versions) from the GitHub repository.
30 | - 📂 Unzip the file.
31 | - 🦊 Open Firefox and go to `about:debugging#/runtime/this-firefox`.
32 | - 📥 Click on "Load Temporary Add-on" and select any file from the unzipped contest-list folder.
33 |
34 | ## 📊 **Usage**
35 | 1. 🖱️ Click on the Contest List icon in your browser toolbar to open the extension.
36 | 2. 📜 Browse through the list of upcoming contests.
37 | 3. 🔍 Click on a contest to view detailed information.
38 |
39 | ## 🤝 **Contributing**
40 | Contributions are Welcome! You can contribute in the following ways:
41 | - 🛠 **Create an Issue** - Propose a new feature or report a bug.
42 | - 🔧 **Pull Request** - Fix a bug, typo, or refactor the code.
43 |
44 | ## 📄 **License**
45 | This project is licensed under the MIT License. See the [LICENSE file](https://github.com/VaibhavArora314/contest-notifier-extension/blob/main/LICENSE) for details.
46 |
--------------------------------------------------------------------------------
/backend/src/platforms/atcoder.ts:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import * as cheerio from "cheerio";
3 | import { CONTEST_INTERFACE, PLATFORM } from "../types";
4 |
5 | const ATCODER_BASE_URL = "https://atcoder.jp"; // for generating contest url
6 | const ATCODER_CONTESTS_PAGE = "https://atcoder.jp/contests/";
7 |
8 | const parseTable = ($:cheerio.CheerioAPI,tbody:cheerio.Cheerio31 | Alarms 32 |
33 | {alarms.length > 0 ? ( 34 | <> 35 |-
36 | {alarms.map((alarm) => {
37 | const contestName = alarm.name.replace("contest_", "");
38 |
39 | return (
40 |
-
44 | 45 | 46 | Contest: {contestName} 47 | 48 |49 | 55 |
56 | );
57 | })}
58 |
68 | No alarms set. To set an alarm, click on the alarm icon next to the contest name. 69 |
70 | )} 71 |
34 |
79 | );
80 | };
81 |
82 | export default SettingsMenu;
83 |
--------------------------------------------------------------------------------
/browser-extension/src/components/ContestList.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { CONTEST_INTERFACE } from "../types/contest";
3 | import Card from "./Card";
4 | import Loader from "./Loader";
5 | import FilterMenu from "./FilterMenu";
6 |
7 | type Props = {
8 | loading: boolean;
9 | error: boolean;
10 | contests: CONTEST_INTERFACE[];
11 | };
12 |
13 | const ContestList = ({ loading, error, contests }: Props) => {
14 | const [filter, setFilter] = useState("All");
15 |
16 | const filterContests = (contests: CONTEST_INTERFACE[]) => {
17 | const now = new Date();
18 | const next24hrs = new Date(now.getTime() + 24 * 60 * 60 * 1000);
19 | const next7days = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
20 | switch (filter) {
21 | case "Ongoing":
22 | return contests.filter(
23 | (contest) =>
24 | new Date(contest.startTime) <= now &&
25 | new Date(contest.endTime) >= now
26 | );
27 | case "In next 24hrs":
28 | return contests.filter(
29 | (contest) =>
30 | new Date(contest.startTime) <= next24hrs &&
31 | new Date(contest.startTime) >= now
32 | );
33 | case "In next 7days":
34 | return contests.filter(
35 | (contest) =>
36 | new Date(contest.startTime) <= next7days &&
37 | new Date(contest.startTime) >= now
38 | );
39 | default:
40 | return contests;
41 | }
42 | };
43 |
44 | const filteredContests = filterContests(contests);
45 |
46 | if (loading && contests.length === 0)
47 | return (
48 |
35 |
78 | 36 | Settings 37 |
38 |
39 |
45 |
54 |
55 |
56 |
59 |
77 |
60 | {DEFAULT_PLATFORMS.map((p, index) => (
61 |
74 | ))}
75 |
76 |
49 |
51 | );
52 |
53 | if (error && contests.length === 0)
54 | return (
55 |
56 |
60 | );
61 |
62 | return (
63 | 57 | An unexpected error occurred 58 |
59 |
64 |
95 | );
96 | };
97 |
98 | export default ContestList;
99 |
--------------------------------------------------------------------------------
/browser-extension/src/assets/react.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/browser-extension/src/components/Card.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react";
2 | import { CONTEST_INTERFACE, PLATFORM } from "../types/contest";
3 | import FiberManualRecordIcon from "@mui/icons-material/FiberManualRecord";
4 | import AccessAlarmIcon from "@mui/icons-material/AccessAlarm";
5 | import AlarmOffIcon from "@mui/icons-material/AlarmOff";
6 | import { toast } from "react-toastify";
7 |
8 | type Props = {
9 | contest: CONTEST_INTERFACE;
10 | };
11 |
12 | enum STATUS {
13 | ongoing = "Ongoing",
14 | ended = "Ended",
15 | yetToStart = "Yet To Start",
16 | }
17 |
18 | const Card = ({ contest }: Props) => {
19 | const startDate = new Date(contest.startTime),
20 | endDate = new Date(contest.endTime);
21 | let logoUrl = "images/platforms/";
22 | if (contest.site == PLATFORM.CODECHEF) logoUrl += "codechef.jpeg";
23 | else if (contest.site == PLATFORM.LEETCODE) logoUrl += "leetcode.png";
24 | else if (contest.site == PLATFORM.CODEFORCES) logoUrl += "codeforces.png";
25 | else if (contest.site == PLATFORM.ATCODER) logoUrl += "atcoder.png";
26 | else if (contest.site == PLATFORM.GEEKSFORGEEKS)
27 | logoUrl += "geeksforgeeks.png";
28 | else if (contest.site == PLATFORM.CODINGNINJAS) logoUrl += "codingninja.jpg";
29 |
30 | const [curTime, setCurTime] = useState
65 | {loading && (
66 |
67 | {
77 | setFilter(option);
78 | }} />
79 |
80 | {filteredContests.length > 0 ? (
81 | <>
82 | Refreshing Contests
Unable to refresh contests!
73 |Please check your internet connection.
74 | 75 | )} 76 |83 | {filteredContests.length} such contest{filteredContests.length > 1 && "s"} 84 |
85 | {filteredContests.map((contest) => ( 86 |91 | Oops! Looks like no contests! 92 |
93 | )} 94 |
83 |
153 |
154 | );
155 | };
156 |
157 | const getRemainingTime = (startTime: number, curTime: number) => {
158 | const remainingTimeSec = (startTime - curTime) / 1000;
159 | const days = Math.floor(remainingTimeSec / (60 * 60 * 24));
160 | const hours = Math.floor((remainingTimeSec / (60 * 60)) % 24);
161 | const mins = Math.floor((remainingTimeSec / 60) % 60);
162 | const sec = Math.floor(remainingTimeSec % 60);
163 |
164 | let r: string = "Starts in ";
165 | if (days >= 1)
166 | r += `${days} ${days == 1 ? "day" : "days"}, ${hours} ${
167 | hours == 1 ? "hr" : "hrs"
168 | }`;
169 | else if (hours >= 1)
170 | r += `${hours} ${hours == 1 ? "hr" : "hrs"}, ${mins} ${
171 | mins == 1 ? "min" : "mins"
172 | }`;
173 | else
174 | r += `${mins} ${mins == 1 ? "min" : "mins"}, ${sec} ${
175 | sec == 1 ? "sec" : "secs"
176 | }`;
177 |
178 | return r;
179 | };
180 |
181 | export default Card;
182 |
--------------------------------------------------------------------------------
/backend/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | /* Visit https://aka.ms/tsconfig to read more about this file */
4 |
5 | /* Projects */
6 | // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
7 | // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */
8 | // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */
9 | // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */
10 | // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */
11 | // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */
12 |
13 | /* Language and Environment */
14 | "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
15 | // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */
16 | // "jsx": "preserve", /* Specify what JSX code is generated. */
17 | // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */
18 | // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */
19 | // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
20 | // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
21 | // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
22 | // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
23 | // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */
24 | // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */
25 | // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */
26 |
27 | /* Modules */
28 | "module": "commonjs", /* Specify what module code is generated. */
29 | "rootDir": "./src", /* Specify the root folder within your source files. */
30 | // "moduleResolution": "node10", /* Specify how TypeScript looks up a file from a given module specifier. */
31 | // "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */
32 | // "paths": {}, /* Specify a set of entries that re-map imports to additional lookup locations. */
33 | // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */
34 | // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */
35 | // "types": [], /* Specify type package names to be included without being referenced in a source file. */
36 | // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */
37 | // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */
38 | // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
39 | // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */
40 | // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */
41 | // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
42 | // "resolveJsonModule": true, /* Enable importing .json files. */
43 | // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */
44 | // "noResolve": true, /* Disallow 'import's, 'require's or '84 | {`${contest.site} - ${contest.title}`} 85 |
86 | {currentStatus === STATUS.ended && ( 87 |
88 |
93 | )}
94 | {currentStatus === STATUS.ongoing && (
95 | 90 | {STATUS.ended} 91 |
92 |
96 |
101 | )}
102 | {currentStatus === STATUS.yetToStart && (
103 | 98 | {STATUS.ongoing} 99 |
100 |
104 |
105 |
124 | )}
125 | 107 | {getRemainingTime(contest.startTime, curTime.getTime())} 108 |
109 | 110 | { 112 | e.preventDefault(); 113 | handleToggleAlarm(); 114 | }} 115 | className="ml-1 px-2" 116 | > 117 | {alarmSet ? ( 118 |126 | {`Starts at ${startDate.toLocaleDateString(undefined, { 127 | year: "numeric", 128 | month: "long", 129 | day: "numeric", 130 | timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone, 131 | })}, ${startDate.toLocaleTimeString(undefined, { 132 | hour: "2-digit", 133 | minute: "2-digit", 134 | timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone, 135 | })}`} 136 |
137 |138 | {`Ends at ${endDate.toLocaleDateString(undefined, { 139 | year: "numeric", 140 | month: "long", 141 | day: "numeric", 142 | timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone, 143 | })}, ${endDate.toLocaleTimeString(undefined, { 144 | hour: "2-digit", 145 | minute: "2-digit", 146 | timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone, 147 | })}`} 148 |
149 |150 | {`Duration (in mins): ${contest.duration}`} 151 |
152 |