+
+
+
+ );
+ }
+ else{
+ return (
+
+
+ 
+
+
+
+ {/*
+
+
+ */}
+
+
+
+
+
+
+
+
+
+
+ {/*
*/}
+
+
+
+
+
+ )
+}
+}
+
+export default App;
diff --git a/src/App.test.js b/src/App.test.js
new file mode 100644
index 0000000..4db7ebc
--- /dev/null
+++ b/src/App.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+ const { getByText } = render(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ About
+
+ );
+}
+
+export default About;
diff --git a/src/Component/Badges.css b/src/Component/Badges.css
new file mode 100644
index 0000000..7ec4bcb
--- /dev/null
+++ b/src/Component/Badges.css
@@ -0,0 +1,108 @@
+.badges{
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ /* justify-content: center; */
+ /* : flex-end; */
+ flex-wrap: wrap;
+}
+
+.badge-img{
+
+ /* width:10vw; */
+ /* height:10vw; */
+ position: relative;
+ top:-25px;
+}
+
+.badge-card{
+ background: #FFFFFF;
+/* Neutral transparency / 8% */
+ min-width: 216px;
+ min-height: 190px;
+ border: 1px solid rgba(20, 20, 20, 0.08);
+ border-radius: 8px;
+ margin:30px;
+}
+
+.badge-period{
+ position: relative;
+ top:-80px;
+ right:-150px;
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 8px;
+ line-height: 12px;
+ /* identical to box height, or 150% */
+
+ display: flex;
+ align-items: center;
+ text-align: right;
+ letter-spacing: 0.8px;
+ text-transform: uppercase;
+
+ /* Neutral Solid / 600 */
+
+ color: #71757A;
+}
+
+.badge-contri{
+ position: relative;
+ top:-30px;
+ left:10px;
+ font-family: Inter;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ /* identical to box height, or 150% */
+
+ letter-spacing: -0.16px;
+
+ /* Neutral Solid / 900 */
+
+ color: #141414;
+}
+
+.badge-tech{
+ position: relative;
+ right:-10px;
+ background: #F0F2F5;
+ border-radius: 2px;
+ display: flex;
+ align-items: center;
+ text-align: center;
+ width: max-content;
+ /* letter-spacing: 0.8px; */
+ text-transform: uppercase;
+}
+
+.tech-text{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 8px;
+ line-height: 12px;
+ /* identical to box height, or 150% */
+
+ /* display: flex;
+ align-items: center;
+ text-align: center;
+ letter-spacing: 0.8px;
+ text-transform: uppercase; */
+
+ /* Neutral Solid / 600 */
+
+ color: #71757A;
+}
+
+@media screen and (max-width:1024px){
+ .badges{
+ justify-content: center;
+ }
+}
+
+.c6:last-of-type{
+ margin-bottom: 15vh;
+}
\ No newline at end of file
diff --git a/src/Component/Badges.js b/src/Component/Badges.js
new file mode 100644
index 0000000..8a9eac0
--- /dev/null
+++ b/src/Component/Badges.js
@@ -0,0 +1,118 @@
+import React, { Component } from "react";
+import arrowImg from './../images/expand-arrow.svg'
+import badgeImg from './../images/badge.svg'
+import designTag from './../images/design-tag.svg'
+import Axios from 'axios'
+import Cookies from 'js-cookie'
+import './Badges.css'
+
+function dynamicSort(property) {
+ var sortOrder = 1;
+ if(property[0] === "-") {
+ sortOrder = -1;
+ property = property.substr(1);
+ }
+ return function (a,b) {
+ var result = (a[property].toLowerCase() < b[property].toLowerCase()) ? -1 : (a[property].toLowerCase() > b[property].toLowerCase()) ? 1 : 0;
+ return result * sortOrder;
+ }
+}
+
+class Badges extends Component {
+ state={
+ data:[]
+ }
+
+ queryStringParse(string) {
+ let parsed = {}
+ if(string != '') {
+ string = string.substring(string.indexOf('?')+1)
+ let p1 = string.split('&')
+ p1.map(function(value) {
+ let params = value.split('=')
+ parsed[params[0]] = params[1]
+ });
+ }
+ return parsed
+ }
+
+ componentDidMount(){
+ var params=this.queryStringParse(window.location.href)
+ var username = params.username
+ var myacc=false
+ if(username===undefined){
+ username=Cookies.getJSON('username')
+ myacc=true
+ }
+ console.log(username)
+ this.setState({ loading: true }, () => {
+ Axios.get('http://localhost:3001/github/getUserOrgs',{params:{"token":Cookies.getJSON('token'),username:username,githubLogin:myacc}})
+ .then(result => {
+ console.log(result)
+ var data=result.data;
+ data.sort(dynamicSort("login"));
+ this.setState({
+ loading: false,
+ data: result.data,
+ })
+ })
+ .catch(err=>{console.log(err)})
+ });
+ }
+ render() {
+ var orgs=this.state.data;
+ return (
+
+ {
+ orgs.map((org,i)=>{
+ return (
+ );
+ }
+}
+
+export default Badges;
\ No newline at end of file
diff --git a/src/Component/Dashboard.css b/src/Component/Dashboard.css
new file mode 100644
index 0000000..d7f3913
--- /dev/null
+++ b/src/Component/Dashboard.css
@@ -0,0 +1,156 @@
+.child2{
+ width:100%;
+ height: fit-content;
+ /* background-color:black; */
+ /* position:relative; */
+ /* top:33vh */
+}
+.child3{
+ /* position: relative; */
+ /* top:33vh; */
+ width:80%;
+ /* height:100%; */
+ /* background-color: blue; */
+}
+.child4{
+ width:100%;
+ height:50vh;
+ /* background-color: red; */
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ /* align-content: center; */
+ /* justify-content: center; */
+}
+.c41{
+ width:50%;
+ height:35vh;
+ display: flex;
+ /* background-color: green; */
+ /* justify-content: center; */
+ align-items: center;
+}
+.c42{
+ width:50%;
+ height:35vh;
+ display: flex;
+ /* background-color: orange; */
+ justify-content: center;
+ align-items: center;
+}
+
+.child5{
+ width:100%;
+ height:5vh;
+ display: flex;
+ /* background-color: orchid; */
+ align-items: center;
+}
+
+.child6{
+ display: flex;
+ flex-direction: column;
+
+}
+
+.c6{
+ width:100%;
+ /* height:51vh; */
+ /* background-color: pink; */
+ margin:5vh 0vw;
+}
+
+.img-responsive{
+ width:32.5vw;
+ height:37.85vh;
+}
+
+.profile-pic{
+ width:auto;
+ height:14.7vh;
+ margin-bottom: 1vh;
+}
+
+.heading{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 2.8vw;
+ line-height: 6vh;
+ /* identical to box height, or 140% */
+
+ letter-spacing: -0.0003vw;
+
+ /* Neutral Solid / 900 */
+
+ color: #090A0A;
+}
+
+.username{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 600;
+ font-size: 1.3vw;
+ line-height: 2.7vh;
+ /* identical to box height, or 120% */
+
+ letter-spacing: -0.00014vw;
+
+ color: #3F8CFF;
+}
+
+.status{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1.05vw;
+ line-height: 2.7vh;
+ /* or 150% */
+
+
+ /* Neutral Solid / 900 */
+
+ color: #090A0A;
+}
+.profileurl{
+ /* border-radius: 50%; */
+ margin-right:1vw
+}
+
+.organization{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 8px;
+ line-height: 12px;
+ /* identical to box height, or 150% */
+
+ display: flex;
+ align-items: center;
+ text-align: right;
+ letter-spacing: 0.8px;
+ text-transform: uppercase;
+
+ /* Neutral Solid / 600 */
+
+ color: #71757A;
+}
+
+.heading1{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 600;
+ font-size: 24px;
+ line-height: 0.4vh;
+ /* identical to box height, or 150% */
+
+ letter-spacing: -0.4px;
+
+ /* Neutral Solid / 900 */
+
+ color: #090A0A;
+}
+
+.child2{
+ min-height:78vh !important;
+}
\ No newline at end of file
diff --git a/src/Component/Dashboard.js b/src/Component/Dashboard.js
new file mode 100644
index 0000000..34584bd
--- /dev/null
+++ b/src/Component/Dashboard.js
@@ -0,0 +1,104 @@
+import React, { Component } from "react";
+import Axios from 'axios'
+import './Dashboard.css'
+import Cookies from 'js-cookie'
+import Member from './Badges'
+import Badges from './Badges'
+import dashboardImg from './../images/dashboard.svg'
+import twitterImg from './../images/twitter-btn.svg'
+import githubImg from './../images/github-btn.svg'
+import linkImg from './../images/link-url.svg'
+import qs from "stringquery";
+
+// import badgesImg from './../images/badges.svg'
+
+class Dashboard extends Component {
+ // eslint-disable-next-line no-useless-constructor
+ constructor(props){
+ super(props);
+ }
+
+ state={
+ data:[]
+ }
+ queryStringParse(string) {
+ let parsed = {}
+ if(string != '') {
+ string = string.substring(string.indexOf('?')+1)
+ let p1 = string.split('&')
+ p1.map(function(value) {
+ let params = value.split('=')
+ parsed[params[0]] = params[1]
+ });
+ }
+ return parsed
+ }
+
+ componentDidMount(){
+ // const { match: { params } } = this.props;
+ // console.log(this.props.location.search)
+ var params=this.queryStringParse(window.location.href)
+ var username = params.username
+ var myacc=false
+ if(username==undefined){
+ username=Cookies.getJSON('username')
+ myacc=true
+ }
+ console.log(username)
+ this.setState({ loading: true }, () => {
+ Axios.get('http://localhost:3001/github/getUserData',{params:{"token":Cookies.getJSON('token'),username:username,githubLogin:myacc}})
+ .then(result => {
+ console.log(result)
+ this.setState({
+ loading: false,
+ data: result.data,
+ })
+ })
+ .catch(err=>{console.log(err)})
+ });
+ }
+
+ render() {
+ const { data, loading } = this.state;
+ var username=data.login
+ var avatar_utl=data.avatar_url
+ var name=data.name
+
+ return (
+ <>
+
+
+{org.login}
+
)
+ })
+ }
+ +
Organization
+{org.login} 
+
+
+
+ 
+ 
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ Oct 2019
+50+ Contributions
+
+
+
+
+ );
+}
+}
+
+export default Dashboard;
\ No newline at end of file
diff --git a/src/Component/Footer.css b/src/Component/Footer.css
new file mode 100644
index 0000000..df73be6
--- /dev/null
+++ b/src/Component/Footer.css
@@ -0,0 +1,51 @@
+.footer{
+ display: flex;
+ top:62vh;
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), #3F8CFF;
+ /* Neutral Solid / 200 */
+
+ border: 1px solid #E8E9EB;
+ width:100%;
+ height:15vh;
+ margin-top: -15vh;
+ /* background-color: red; */
+ align-items: center;
+ justify-content: center;
+ overflow: hidden;
+}
+
+.footer-logo{
+ width:80%;
+}
+/* @media screen and (min-width:1024px){
+ .footer-right{
+ width: 47.53vw;
+ position: relative;
+ bottom: -39px;
+ left:73.35%;
+ width:fit-content
+ }
+}
+
+@media screen and (max-width:1023px){
+ .footer-right{
+ width: 47.53vw;
+ position: relative;
+ bottom: -39px;
+ right:-52.47vw;
+ width:fit-content
+ }
+} */
+
+.logo-text{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 12px;
+ line-height: 18px;
+ /* identical to box height, or 150% */
+
+ letter-spacing: -0.04px;
+
+ color: #FFFFFF;
+}
\ No newline at end of file
diff --git a/src/Component/Footer.js b/src/Component/Footer.js
new file mode 100644
index 0000000..c383724
--- /dev/null
+++ b/src/Component/Footer.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import footerLogo from './../images/footer-logo.svg'
+import './Footer.css'
+var frontend = window.location.origin;
+const Footer = () => {
+ if(window.location.href!==`${frontend}/` || window.location.href!==`${frontend}/login` || window.location.href!==`${frontend}/register`){
+ return (
+ <>
+
+
+ {/*
+ 
+
+ Track all your projects at one place.
+ +
+ 
+
+ );
+}
+
+export default Home;
diff --git a/src/Component/JoinUs.js b/src/Component/JoinUs.js
new file mode 100644
index 0000000..1e8c6ac
--- /dev/null
+++ b/src/Component/JoinUs.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const JoinUs = () => {
+ return (
+
+ 
+
+ Welcome to CodeBadge.
+Track all your Projects at one place
+Many a times it may happen that a mentor is unable to manage all these activities. So This project is about tracking the contributor as well as its contribution by respective mentors.
+ + or Signup with email + +
+ Join Us
+
+ );
+}
+
+export default JoinUs;
diff --git a/src/Component/Login.css b/src/Component/Login.css
new file mode 100644
index 0000000..55abbaa
--- /dev/null
+++ b/src/Component/Login.css
@@ -0,0 +1,167 @@
+.label{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ letter-spacing: -0.16px;
+ color: #141414;
+}
+@media (min-width: 768px) {
+ .input{
+ background: #FFFFFF;
+ border: 1px solid rgba(20, 20, 20, 0.08);
+ border-radius: 8px;
+ width:90%;
+ padding-left: 2%;
+ height:5vh;
+ margin-bottom: 1vw;
+ }
+ .label{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1.3vw;
+ line-height: 24px;
+ letter-spacing: -0.16px;
+ color: #141414;
+ margin-top: 0.3vh;
+ margin-bottom: 1vw;
+ }
+ .label1{
+ font-size:1vw;
+ }
+ input.remember {
+ transform : scale(1.3);
+ margin-right:0.5vw;
+ }
+}
+@media (max-width:768px) {
+ .input{
+ background: #FFFFFF;
+ border: 1px solid rgba(20, 20, 20, 0.08);
+ border-radius: 8px;
+ width:100%;
+ height:15px;
+ text-align: center;
+ padding-bottom:3%;
+ font-size: 10px;
+
+ }
+ input::-webkit-input-placeholder {
+ font-size: 7px;
+ }
+ .label{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1.3vw;
+ margin-bottom: 0rem;
+ }
+ .label1{
+ font-size:1.3vw;
+ }
+ input.remember {
+ width:1.5vh;
+ height:1.5vh;
+ margin-right:0.5vw;
+ }
+}
+
+.heading{
+ font-size: 3vw;
+ font-family: Inter;
+ font-style: normal;
+ font-weight: bold;
+ margin-bottom: 1vw;
+}
+
+.button-group1{
+ display:flex;
+ justify-content: space-between;
+ width:90%
+}
+.btn1{
+ flex-grow: 3;
+ margin:3px;
+}
+
+.btn2{
+ margin:3px;
+}
+
+.remember-me{
+ display: flex;
+ /* align-content: center; */
+ /* flex-direction: column; */
+ width:90%;
+ justify-content: space-between;
+}
+
+.header{
+ display:flex;
+ width:90%;
+ justify-content: space-between;
+}
+
+.newhere{
+ position: relative;
+ bottom:-2vw;
+}
+
+.child2{
+ width:100%;
+ height:92vh;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ align-content: flex-start;
+ }
+
+ c1{
+ width:25%;
+ height:60vh;
+ }
+ .c2{
+ width:25%;
+ height:60vh;
+ }
+
+ .tab.btn{
+ background: #FFFFFF;
+
+ border: 1px solid #C4C7CC;
+ box-sizing: border-box;
+ border-radius: 5px;
+ }
+
+ .logo1{
+ padding-bottom: 1.5vh;
+ width:8%
+ }
+
+ .heading{
+ font-size: 3vw;
+ font-family: Inter;
+ font-style: normal;
+ font-weight: bold;
+ }
+
+ .p1{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 1.5vw;
+ line-height: 100%;
+ }
+
+ .p2{
+ font-family: SF Pro Text;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 1vw;
+ color: #76777A;
+ line-height: 177.19%;
+ }
+
+ .p3{
+ font-size: 1vw;
+ }
\ No newline at end of file
diff --git a/src/Component/Login.js b/src/Component/Login.js
new file mode 100644
index 0000000..4f3bfd5
--- /dev/null
+++ b/src/Component/Login.js
@@ -0,0 +1,50 @@
+import React, { Component } from "react";
+import logoImg from './../images/logo.svg'
+import jsImg from './../images/js.svg'
+import './Login.css'
+class Login extends Component {
+ constructor(props){
+ super(props);
+ }
+ state={
+ username:"",
+ password:""
+ }
+ setUsername(text){
+ console.log(text)
+ this.setState('username',text)
+ }
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+
+export default Login;
\ No newline at end of file
diff --git a/src/Component/Members.css b/src/Component/Members.css
new file mode 100644
index 0000000..914722f
--- /dev/null
+++ b/src/Component/Members.css
@@ -0,0 +1,75 @@
+.member-cards{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ width:48%;
+ min-width:300px;
+ height: 96px;
+ background: #FFFFFF;
+ padding:10px;
+ /* Neutral Solid / 200 */
+
+ border: 1px solid #E6E8EB;
+ border-radius: 5px;
+ margin-bottom: 30px;
+}
+.c6a{
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.member-cards:last-child{
+ margin-bottom: 20vh;
+}
+
+.member-img{
+ width:58px;
+ height:58px;
+}
+.member-name{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: bold;
+ font-size: 16px;
+ line-height: 24px;
+ /* identical to box height, or 150% */
+
+ letter-spacing: -0.16px;
+
+ /* Neutral Solid / 900 */
+
+ color: #141414;
+}
+
+.member-left{
+ display: flex;
+ /* justify-content: left; */
+ align-items: center;
+}
+
+.member-text{
+ font-family: Inter;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 14px;
+ line-height: 18px;
+ /* identical to box height, or 129% */
+
+ display: flex;
+ align-items: center;
+
+ /* Neutral Solid / 600 */
+
+ color: #71757A;
+}
+
+.member-badges{
+ justify-content: flex-end;
+ /* align-items:flex-end; */
+}
+.details{
+ margin-left: 3px;
+ /* align-items: center; */
+}
\ No newline at end of file
diff --git a/src/Component/Members.js b/src/Component/Members.js
new file mode 100644
index 0000000..10fd41b
--- /dev/null
+++ b/src/Component/Members.js
@@ -0,0 +1,91 @@
+import React, { Component } from "react";
+import './Members.css'
+import memberImg from './../images/member.svg'
+import adminTag from './../images/admin-tag.svg'
+import moderatorTag from './../images/moderator.svg'
+import axios from 'axios'
+import Cookies from 'js-cookie'
+
+const Member = (props) => {
+ var allmembers=[]
+ allmembers=props.members.data
+ console.log("members",allmembers)
+ if(allmembers!==undefined && allmembers.length>0){
+ return (
+
+
+
+
+
+
+ Login
+New Here?Sign up
+
+ {
+ allmembers.map((member,i)=>{
+ return (
+
+ );}
+ else{
+ return (
+ <>
+ )
+ }
+}
+
+
+
+class Members extends Component {
+ state={
+ members:[]
+ }
+
+ queryStringParse(string) {
+ let parsed = {}
+ if(string != '') {
+ string = string.substring(string.indexOf('?')+1)
+ let p1 = string.split('&')
+ p1.map(function(value) {
+ let params = value.split('=')
+ parsed[params[0]] = params[1]
+ });
+ }
+ return parsed
+ }
+
+ componentDidMount(){
+ var params=this.queryStringParse(window.location.href)
+ var username = params.username
+ var myacc=false
+ if(username===undefined){
+ username=Cookies.getJSON('username')
+ myacc=true
+ }
+ console.log(username)
+ axios.get('http://localhost:3001/github/getOrgMembers',{params:{"token":Cookies.getJSON('token'),username:username,githubLogin:myacc}})
+ .then(members=>{
+ this.setState({loading: false,members:members})
+ })
+ .catch(err=>console.log(err))
+ }
+ render() {
+ var {members,loading} = this.state
+ console.log(members)
+ return (
+
+
+
+ )
+ })
+ }
+
+
+ Badges
+29
+
+ {loading ?
+ );
+ }
+}
+
+export default Members;
\ No newline at end of file
diff --git a/src/Component/OrgDashboard.js b/src/Component/OrgDashboard.js
new file mode 100644
index 0000000..b2c1760
--- /dev/null
+++ b/src/Component/OrgDashboard.js
@@ -0,0 +1,74 @@
+import React, { Component } from "react";
+import Axios from 'axios'
+import './Dashboard.css'
+import Cookies from 'js-cookie'
+import dashboardImg from './../images/dashboard.svg'
+import twitterImg from './../images/twitter-btn.svg'
+import githubImg from './../images/github-btn.svg'
+import linkImg from './../images/link-url.svg'
+import Members from './Members'
+
+class OrgDashboard extends Component {
+ state={
+ data:[]
+ }
+ componentDidMount(){
+ this.setState({ loading: true }, () => {
+ Axios.get('http://localhost:3001/github/getUserData',{params:{"token":Cookies.getJSON('token'),username:Cookies.getJSON('username'),githubLogin:Cookies.getJSON('githubLogin')}})
+ .then(result => {
+ console.log(result)
+ this.setState({
+ loading: false,
+ data: result.data,
+ })
+ })
+ .catch(err=>{console.log(err)})
+ });
+ }
+
+ render() {
+ const { data, loading } = this.state;
+ var username=data.login
+ var avatar_utl=data.avatar_url
+ var name=data.name
+
+ return (
+ <>
+ Loading
:
+
+
+
+ );
+}
+}
+
+export default OrgDashboard;
\ No newline at end of file
diff --git a/src/Component/Register.js b/src/Component/Register.js
new file mode 100644
index 0000000..1b7398b
--- /dev/null
+++ b/src/Component/Register.js
@@ -0,0 +1,40 @@
+import React, { Component } from "react";
+import logoImg from './../images/logo.svg'
+import jsImg from './../images/js.svg'
+import './Login.css'
+class Register extends Component {
+ render() {
+ return (
+
+
+
+ );
+ }
+}
+
+export default Register;
\ No newline at end of file
diff --git a/src/images/Profile.svg b/src/images/Profile.svg
new file mode 100644
index 0000000..c93261b
--- /dev/null
+++ b/src/images/Profile.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/images/admin-tag.svg b/src/images/admin-tag.svg
new file mode 100644
index 0000000..c525f14
--- /dev/null
+++ b/src/images/admin-tag.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/images/badge.svg b/src/images/badge.svg
new file mode 100644
index 0000000..2fa5101
--- /dev/null
+++ b/src/images/badge.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/src/images/badges.svg b/src/images/badges.svg
new file mode 100644
index 0000000..6238e83
--- /dev/null
+++ b/src/images/badges.svg
@@ -0,0 +1,88 @@
+
+
\ No newline at end of file
diff --git a/src/images/dashboard.svg b/src/images/dashboard.svg
new file mode 100644
index 0000000..d1f9323
--- /dev/null
+++ b/src/images/dashboard.svg
@@ -0,0 +1,62 @@
+
diff --git a/src/images/design-tag.svg b/src/images/design-tag.svg
new file mode 100644
index 0000000..f4949cb
--- /dev/null
+++ b/src/images/design-tag.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/images/expand-arrow.svg b/src/images/expand-arrow.svg
new file mode 100644
index 0000000..a07cfbb
--- /dev/null
+++ b/src/images/expand-arrow.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/images/footer-logo.svg b/src/images/footer-logo.svg
new file mode 100644
index 0000000..067443b
--- /dev/null
+++ b/src/images/footer-logo.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/images/footer-right.svg b/src/images/footer-right.svg
new file mode 100644
index 0000000..f238494
--- /dev/null
+++ b/src/images/footer-right.svg
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/src/images/github-btn.svg b/src/images/github-btn.svg
new file mode 100644
index 0000000..c3b353f
--- /dev/null
+++ b/src/images/github-btn.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/images/intro.svg b/src/images/intro.svg
new file mode 100644
index 0000000..994a15e
--- /dev/null
+++ b/src/images/intro.svg
@@ -0,0 +1,18 @@
+
+
\ No newline at end of file
diff --git a/src/images/js.svg b/src/images/js.svg
new file mode 100644
index 0000000..c5ff5e2
--- /dev/null
+++ b/src/images/js.svg
@@ -0,0 +1,125 @@
+
diff --git a/src/images/link-url.svg b/src/images/link-url.svg
new file mode 100644
index 0000000..bb0b14a
--- /dev/null
+++ b/src/images/link-url.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/images/logo.svg b/src/images/logo.svg
new file mode 100644
index 0000000..a7c6740
--- /dev/null
+++ b/src/images/logo.svg
@@ -0,0 +1,7 @@
+
+
\ No newline at end of file
diff --git a/src/images/logo_name.svg b/src/images/logo_name.svg
new file mode 100644
index 0000000..035984d
--- /dev/null
+++ b/src/images/logo_name.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/src/images/member.svg b/src/images/member.svg
new file mode 100644
index 0000000..84ae1f6
--- /dev/null
+++ b/src/images/member.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/src/images/moderator.svg b/src/images/moderator.svg
new file mode 100644
index 0000000..1e2d120
--- /dev/null
+++ b/src/images/moderator.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/images/oauth-app.png b/src/images/oauth-app.png
new file mode 100644
index 0000000..055c535
Binary files /dev/null and b/src/images/oauth-app.png differ
diff --git a/src/images/twitter-btn.svg b/src/images/twitter-btn.svg
new file mode 100644
index 0000000..855f381
--- /dev/null
+++ b/src/images/twitter-btn.svg
@@ -0,0 +1,5 @@
+
+
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..c8615b9
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,16 @@
+body {
+ margin: 0;
+ max-width:100%;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+ 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+ sans-serif;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+html{
+ /* width:100%; */
+}
+code {
+ font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+ monospace;
+}
diff --git a/src/index.js b/src/index.js
new file mode 100644
index 0000000..f5185c1
--- /dev/null
+++ b/src/index.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.css';
+import App from './App';
+import * as serviceWorker from './serviceWorker';
+
+ReactDOM.render(
+
+
+
+
+
+
+ Sign Up
+Already Here?Login
+