From bfc2a9bc3c1ecbef31e76e36fed79a8500f0d0fd Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 21 Mar 2020 14:32:21 +0300 Subject: chore: migrate Contribute page --- src/pages/Contribute/Contribute.tsx | 158 ++++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 src/pages/Contribute/Contribute.tsx (limited to 'src/pages/Contribute/Contribute.tsx') diff --git a/src/pages/Contribute/Contribute.tsx b/src/pages/Contribute/Contribute.tsx new file mode 100644 index 0000000..854c5c1 --- /dev/null +++ b/src/pages/Contribute/Contribute.tsx @@ -0,0 +1,158 @@ +import React from 'react'; + +import { + Typography, + Button, + List, + ListItem, + Link, + Avatar, + Divider, + makeStyles, +} from '@material-ui/core'; + +import TrendingUpIcon from '@material-ui/icons/TrendingUp'; +import BugReportIcon from '@material-ui/icons/BugReport'; +import NewReleasesIcon from '@material-ui/icons/NewReleases'; + +import { Window, ContentSection } from 'react-benzin'; +import { Developer } from '../../types'; + + +const useStyles = makeStyles(theme => ({ + mono: { + padding: theme.spacing(4), + + '& .MuiAvatar-root': { + marginRight: theme.spacing(2), + width: theme.spacing(6), + height: theme.spacing(6), + } + }, +})); + + +const developers: Developer[] = require('../../developers.json'); + + +const Contribute: React.FC = () => { + const classes = useStyles(); + + return ( + +
+ +

+ ChronoCube is an Open-Source application, and we welcome anyone who desires to help our project! +

+ +
+ +

We only use modern and most relevant technologies to achieve the best results!

+
    +
  • + Django REST Framework +
  • +
  • + React.js +
  • +
  • + Material UI components +
  • +
+

Special thanks to other Open-Source projects which made ChronoCube possible:

+
    +
  • + react-window +
  • +
+
+ +

Thank You for considering helping our project!

+

+ All the development process is being tracked on + the KanBan board. + You can always check it to see what is the current state of the project. + To contribute your code, fork our repository and then open + a + Pull Request. We will carefully review and, hopefully, accept it! + If you are unfamiliar with this kind of workflow, we recommend + reading GitHub guidelines. +

+

+ We always welcome newcomers! If you are unfamiliar with certain technologies or even with the + development in general, it is great time to start learning something new! + Our community will kindly assist every your step, and with us you can easily become + highly-evaluated developer! +

+ + +
+ + + { + developers.map(developer => { + const githubUrl = `https://github.com/${developer.username}`; + + return ( +
+ + + + +
+ + {developer.username} + + + {developer.role} + +
+
+ +
+ ) + }) + } + + + You can be here! + +
+ +
+
+
+ ); +}; + + +export default Contribute; -- cgit v1.2.3 From f3a684937565f3bd94034f3389aa95fea908f0c4 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 21 Mar 2020 15:06:30 +0300 Subject: chore: fix linting errors :rotating_light: --- src/pages/Contribute/Contribute.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'src/pages/Contribute/Contribute.tsx') diff --git a/src/pages/Contribute/Contribute.tsx b/src/pages/Contribute/Contribute.tsx index 854c5c1..4c37fb9 100644 --- a/src/pages/Contribute/Contribute.tsx +++ b/src/pages/Contribute/Contribute.tsx @@ -16,8 +16,8 @@ import BugReportIcon from '@material-ui/icons/BugReport'; import NewReleasesIcon from '@material-ui/icons/NewReleases'; import { Window, ContentSection } from 'react-benzin'; -import { Developer } from '../../types'; +import developers from '../../developers.json'; const useStyles = makeStyles(theme => ({ mono: { @@ -32,7 +32,6 @@ const useStyles = makeStyles(theme => ({ })); -const developers: Developer[] = require('../../developers.json'); const Contribute: React.FC = () => { -- cgit v1.2.3