From 549872805aa4633a9fb785a9ddb84779fa9e463a Mon Sep 17 00:00:00 2001 From: Arnav1333 Date: Sat, 7 Jan 2023 15:12:44 +0530 Subject: [PATCH 1/2] added labpage --- src/Components/common/AppBar/drawerItems.js | 7 ++ src/Components/drawer/lab/Index.jsx | 87 +++++++++++++++++++++ src/Routes.jsx | 3 + 3 files changed, 97 insertions(+) create mode 100644 src/Components/drawer/lab/Index.jsx diff --git a/src/Components/common/AppBar/drawerItems.js b/src/Components/common/AppBar/drawerItems.js index 39eb9f44..6efc0a46 100644 --- a/src/Components/common/AppBar/drawerItems.js +++ b/src/Components/common/AppBar/drawerItems.js @@ -62,6 +62,13 @@ const drawerItems = [ path: '/api', materialIcon: true, }, + { + id: 9, + name: 'Lab', + icon: 'api', + path: '/Lab', + materialIcon: true, + }, ]; export default drawerItems; diff --git a/src/Components/drawer/lab/Index.jsx b/src/Components/drawer/lab/Index.jsx new file mode 100644 index 00000000..4052e82c --- /dev/null +++ b/src/Components/drawer/lab/Index.jsx @@ -0,0 +1,87 @@ +import React from 'react'; +import { Headline4, Body1, Body2 } from '@material/react-typography'; +import Container from '@material-ui/core/Container'; +import Paper from '@material-ui/core/Paper'; +import Grid from '@material-ui/core/Grid'; +import Box from '@material-ui/core/Box'; + +const Index = () => { + return ( +
+ + + + + + + Lab + + + Releasing a new data set for Exploratory Data Analysis and Recommender Models + +
+ + What is Labs: Labs is a one stop for all Data Science and Machine Learning + enthusiasts to learn and contribute to one of the several research activities + carried out by SIESGSTarena team. Its a community driven project where every + novice and experienced can make use of our datasets and try to come up with + several visualizations, pre-trained models and any other research work which can + be deployed on SIESGSTarena or published in general. +
+
+ What's the research: A new research has been started at SIESGSTarena which + includes the evaluation of data set currently available consisting of all user + data, blog posts and submissions data with code snippets. This data set comprises + more than 2500 submissions of more than 350 users. We intend for this data set to + serve as a benchmark for doing exploratory data analysis including all sorts of + NLP experiments, visualization notebooks, etc. But, we also expect people to work + one some sort of recommender model to suggest problems based on user's + performance and recommend blogs based on what sort of content he likes. +
+
+ How it works: We have opensourced a repository: Labs which will contain all sorts + of experiments done by community users. We urge users to send PRs on this + repository containing notebooks and detailed description as mentioned in its + Contributing Guide. +
+
+ Why it matters: In recent years, natural language processing has been a popular + field of research. In particular, Google and many big companies are contributing + to research datasets and models which are improving the state-of-the-art results. + We intend to contribute with small scale data, and motivate students who are + interested in NLP to try their hands on this domain. + + + + + + + + + Download Dataset + + + Dataset is divided into 4 files: users, blogs, submissions, problems - each + containing data for all users, their blog posts, submissions and problems they for + which submissions are made. + +
+ Type: JSON Array + Size: 100KB - 3MB + Year: 2018-2020 +
+
+ Link: users.json + Link: users.json + Link: users.json + Link: users.json + + + + + +
+ ); +}; + +export default Index; diff --git a/src/Routes.jsx b/src/Routes.jsx index ea2cde83..4a735261 100755 --- a/src/Routes.jsx +++ b/src/Routes.jsx @@ -11,6 +11,8 @@ import ErrorBoundary from './Components/common/ErrorBoundary/index'; import SomethingWentWrong from './Components/common/SomethingWentWrong/index'; import './App.scss'; +const Lab = lazy(() => import('./Components/drawer/lab/Index')); + const PrivateRoute = lazy(() => import('./PrivateRoute')); const SignIn = lazy(() => import('./Components/auth/signin/index')); const SignUp = lazy(() => import('./Components/auth/signup/index')); @@ -193,6 +195,7 @@ const Routes = () => { + From 2eb5871ea7c26edd569cbed561001621e97d39a0 Mon Sep 17 00:00:00 2001 From: SalmanAd01 Date: Sat, 7 Jan 2023 18:11:01 +0530 Subject: [PATCH 2/2] added the dataset url and improve ui --- package-lock.json | 8 + package.json | 1 + src/Components/common/AppBar/drawerItems.js | 10 +- src/Components/drawer/lab/Index.jsx | 199 +++++++++++++------- src/Components/drawer/lab/Style.css | 10 + src/Routes.jsx | 5 +- 6 files changed, 160 insertions(+), 73 deletions(-) create mode 100644 src/Components/drawer/lab/Style.css diff --git a/package-lock.json b/package-lock.json index fe0e660c..b3408998 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19166,6 +19166,14 @@ } } }, + "react-download-link": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/react-download-link/-/react-download-link-2.3.0.tgz", + "integrity": "sha512-0aoj2DJFBfiD9jtdIn+WAseO1GSYmgkB5y5Ljt3DeC7j1RUlx0rR5y4S+wZwdxGhvgFogCzyh5Pa4W4YE+Pg/Q==", + "requires": { + "prop-types": "^15.6.0" + } + }, "react-error-overlay": { "version": "6.0.11", "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz", diff --git a/package.json b/package.json index 6b0000dd..9f41e1c5 100644 --- a/package.json +++ b/package.json @@ -49,6 +49,7 @@ "react": "^18.2.0", "react-card": "^1.0.4", "react-dom": "^18.2.0", + "react-download-link": "^2.3.0", "react-google-charts": "^3.0.15", "react-loading-skeleton": "^2.2.0", "react-markdown-editor-lite": "^1.3.4", diff --git a/src/Components/common/AppBar/drawerItems.js b/src/Components/common/AppBar/drawerItems.js index 6efc0a46..103a3f3c 100644 --- a/src/Components/common/AppBar/drawerItems.js +++ b/src/Components/common/AppBar/drawerItems.js @@ -57,16 +57,16 @@ const drawerItems = [ }, { id: 8, - name: 'API', - icon: 'api', - path: '/api', + name: 'Labs', + icon: 'insights', + path: '/labs', materialIcon: true, }, { id: 9, - name: 'Lab', + name: 'API', icon: 'api', - path: '/Lab', + path: '/api', materialIcon: true, }, ]; diff --git a/src/Components/drawer/lab/Index.jsx b/src/Components/drawer/lab/Index.jsx index 4052e82c..50f8033c 100644 --- a/src/Components/drawer/lab/Index.jsx +++ b/src/Components/drawer/lab/Index.jsx @@ -1,82 +1,151 @@ import React from 'react'; -import { Headline4, Body1, Body2 } from '@material/react-typography'; +import { Headline4, Body2, Subtitle1, Headline6 } from '@material/react-typography'; import Container from '@material-ui/core/Container'; import Paper from '@material-ui/core/Paper'; import Grid from '@material-ui/core/Grid'; import Box from '@material-ui/core/Box'; +import './Style.css'; +import DownloadLink from 'react-download-link'; const Index = () => { + const getDataFromURL = (url) => + new Promise((resolve) => { + setTimeout(() => { + fetch(url) + .then((response) => response.text()) + .then((data) => { + resolve(data); + }); + }); + }, 2000); return (
- - - - Lab - - - Releasing a new data set for Exploratory Data Analysis and Recommender Models - -
- - What is Labs: Labs is a one stop for all Data Science and Machine Learning - enthusiasts to learn and contribute to one of the several research activities - carried out by SIESGSTarena team. Its a community driven project where every - novice and experienced can make use of our datasets and try to come up with - several visualizations, pre-trained models and any other research work which can - be deployed on SIESGSTarena or published in general. -
-
- What's the research: A new research has been started at SIESGSTarena which - includes the evaluation of data set currently available consisting of all user - data, blog posts and submissions data with code snippets. This data set comprises - more than 2500 submissions of more than 350 users. We intend for this data set to - serve as a benchmark for doing exploratory data analysis including all sorts of - NLP experiments, visualization notebooks, etc. But, we also expect people to work - one some sort of recommender model to suggest problems based on user's - performance and recommend blogs based on what sort of content he likes. -
-
- How it works: We have opensourced a repository: Labs which will contain all sorts - of experiments done by community users. We urge users to send PRs on this - repository containing notebooks and detailed description as mentioned in its - Contributing Guide. -
-
- Why it matters: In recent years, natural language processing has been a popular - field of research. In particular, Google and many big companies are contributing - to research datasets and models which are improving the state-of-the-art results. - We intend to contribute with small scale data, and motivate students who are - interested in NLP to try their hands on this domain. - - - + + Lab + + Releasing a new data set for Exploratory Data Analysis and Recommender Models + + + What is Labs: Labs is a one stop for all Data Science and Machine Learning + enthusiasts to learn and contribute to one of the several research activities + carried out by SIESGSTarena team. Its a community driven project where every novice + and experienced can make use of our datasets and try to come up with several + visualizations, pre-trained models and any other research work which can be deployed + on SIESGSTarena or published in general. + + + What's the research: A new research has been started at SIESGSTarena which + includes the evaluation of data set currently available consisting of all user data, + blog posts and submissions data with code snippets. This data set comprises more + than 2500 submissions of more than 350 users. We intend for this data set to serve + as a benchmark for doing exploratory data analysis including all sorts of NLP + experiments, visualization notebooks, etc. But, we also expect people to work one + some sort of recommender model to suggest problems based on user's performance + and recommend blogs based on what sort of content he likes. + + + How it works: We have opensourced a repository: Labs which will contain all sorts of + experiments done by community users. We urge users to send PRs on this repository + containing notebooks and detailed description as mentioned in its Contributing + Guide. + + + Why it matters: In recent years, natural language processing has been a popular + field of research. In particular, Google and many big companies are contributing to + research datasets and models which are improving the state-of-the-art results. We + intend to contribute with small scale data, and motivate students who are interested + in NLP to try their hands on this domain. + + - - - - Download Dataset - - - Dataset is divided into 4 files: users, blogs, submissions, problems - each - containing data for all users, their blog posts, submissions and problems they for - which submissions are made. - -
- Type: JSON Array - Size: 100KB - 3MB - Year: 2018-2020 -
-
- Link: users.json - Link: users.json - Link: users.json - Link: users.json - - + + + + Download Dataset + + Dataset is divided into 4 files: users, blogs, submissions, problems - each + containing data for all users, their blog posts, submissions and problems they + for which submissions are made. + + + + Type: JSON Array + + + Size: 100KB - 3MB + + + Year: 2018-2022 + + + + + Link:{' '} + users.json} + exportFile={() => + Promise.resolve( + getDataFromURL( + 'https://res.cloudinary.com/siesgstarena/raw/upload/v1673095123/arena%202.0/datasets/users.json' + ) + ) + } + className="gray und-clr" + /> + + + Link:{' '} + blogs.json} + exportFile={() => + Promise.resolve( + getDataFromURL( + 'https://res.cloudinary.com/siesgstarena/raw/upload/v1673095122/arena%202.0/datasets/blogs.json' + ) + ) + } + className="gray gray und-clr" + /> + + + Link:{' '} + submissions.json} + exportFile={() => + Promise.resolve( + getDataFromURL( + 'https://res.cloudinary.com/siesgstarena/raw/upload/v1673095128/arena%202.0/datasets/submissions.json' + ) + ) + } + className="gray gray und-clr" + /> + + + Link:{' '} + problems.json} + exportFile={() => + Promise.resolve( + getDataFromURL( + 'https://res.cloudinary.com/siesgstarena/raw/upload/v1673095123/arena%202.0/datasets/problems.json' + ) + ) + } + className="gray gray und-clr" + /> + + + + diff --git a/src/Components/drawer/lab/Style.css b/src/Components/drawer/lab/Style.css new file mode 100644 index 00000000..4a88a4e2 --- /dev/null +++ b/src/Components/drawer/lab/Style.css @@ -0,0 +1,10 @@ +.datasets-container{ + padding: 0.2rem 1rem; +} +.datasets-discription{ + margin-bottom: 2rem; +} + +.und-clr{ + text-decoration-color: gray !important; +} \ No newline at end of file diff --git a/src/Routes.jsx b/src/Routes.jsx index 4a735261..1b7729bb 100755 --- a/src/Routes.jsx +++ b/src/Routes.jsx @@ -11,8 +11,6 @@ import ErrorBoundary from './Components/common/ErrorBoundary/index'; import SomethingWentWrong from './Components/common/SomethingWentWrong/index'; import './App.scss'; -const Lab = lazy(() => import('./Components/drawer/lab/Index')); - const PrivateRoute = lazy(() => import('./PrivateRoute')); const SignIn = lazy(() => import('./Components/auth/signin/index')); const SignUp = lazy(() => import('./Components/auth/signup/index')); @@ -64,6 +62,7 @@ const PlaylistsUNI06 = lazy(() => ); const Goodies = lazy(() => import('./Components/drawer/goodies/index')); const ApiDoc = lazy(() => import('./Components/drawer/Api/index')); +const Lab = lazy(() => import('./Components/drawer/lab/Index')); const BrandingGuidelines = lazy(() => import('./Components/footerPages/branding/index')); const Profile = lazy(() => import('./Components/user/profile/index')); const ProfileByUsername = lazy(() => import('./Components/user/ProfileWithUsername')); @@ -195,7 +194,7 @@ const Routes = () => { - +