Skip to content

Commit 8a4caeb

Browse files
dvidsilvadvidsilva
authored
Merge pull request #122 from corgicode/feature/we-open-source
Closes #73 - adds an 'we are open source' page
2 parents bf08c6b + 04bbbbc commit 8a4caeb

File tree

4 files changed

+102
-2
lines changed

4 files changed

+102
-2
lines changed

‎src/assets/images/octo-corgi.png

296 KB
Loading

‎src/containers/about/index.js

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import corgiImg from '../../assets/images/team/corginson.png';
99
import sydneyImg from '../../assets/images/team/sydney.png';
1010
import { Helmet } from 'react-helmet';
1111
import TeamMember from '../../components/about/TeamMember';
12+
import { Link } from 'react-router-dom';
1213

1314
class About extends React.Component {
1415
render() {
@@ -36,7 +37,8 @@ class About extends React.Component {
3637
<div className="col-sm-6 inner-right-xs inner-bottom-xs">
3738
<h2>Our Mission</h2>
3839
<p>
39-
Codecorgi is an an open source platform to practice coding with non trivial
40+
Codecorgi is an an <Link to="/about/open-source">open source </Link>
41+
platform to practice coding with non trivial
4042
codebases on your own terms, for front-end developers. Showcase your code
4143
and experience. Codecorgi's vision is to help devs advance their career by providing
4244
continuous training and project experience. To help them get over the barrier
@@ -64,7 +66,7 @@ class About extends React.Component {
6466
new features you want.
6567
</p>
6668
<p>
67-
<a href="https://github.com/corgicode/frontend-react" target="_blank">Check us out on github</a>
69+
<Link to="/about/open-source">Learn More</Link>
6870
</p>
6971
<h2>Zero bad vibes</h2>
7072
<p>
@@ -75,6 +77,9 @@ class About extends React.Component {
7577
collaborators and learning
7678
together.
7779
</p>
80+
<p><a href="https://github.com/corgicode/frontend-react/blob/dev/CODE_OF_CONDUCT.md" target="_blank">
81+
Check out our code of conduct
82+
</a></p>
7883
</div>
7984
</div>
8085
</div>

‎src/containers/about/openSource.js

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
import React, { Component } from 'react';
2+
import { Helmet } from 'react-helmet';
3+
import { PROD_URL } from '../../constants';
4+
import octoCorgi from '../../assets/images/octo-corgi.png';
5+
import patternBg from '../../assets/images/art/pattern-background03.png';
6+
7+
class WeAreOpenSource extends Component {
8+
render() {
9+
return(
10+
<div>
11+
<Helmet>
12+
<title>Codecorgi is open source - contribute now!</title>
13+
<meta property="og:title" content="Checkout codecorgi and make the platform better." />
14+
<meta property="og:url" content={ `${PROD_URL}/about/open-source` } />
15+
<meta property="og:image" content={`${octoCorgi}` } />
16+
<meta name="twitter:title" content="Checkout codecorgi and make the platform better" />
17+
<meta name="twitter:image" content={`${octoCorgi}` } />
18+
</Helmet>
19+
<section id="hero" className="tint-bg img-bg-softer" style={{backgroundRepeat: 'repeat', backgroundImage: `url(${patternBg})`}}>
20+
<div className="container inner-top-md inner-bottom-sm">
21+
<div className="row">
22+
<div className="col-md-5 inner-right inner-bottom-xs">
23+
<header>
24+
<h1>Open Source & Ready To Improve</h1>
25+
<p>
26+
No secrets here. All our code is open
27+
source to modify and all our decisions
28+
are available to learn from. So feel free
29+
to poke around our code, question our ideas, or tell us what
30+
new features you want.
31+
</p>
32+
</header>
33+
</div>
34+
<div className="col-md-7 col-sm-12">
35+
<div>
36+
<img src={ octoCorgi } alt="Octo corgi" />
37+
</div>
38+
</div>
39+
</div>
40+
</div>
41+
</section>
42+
<section id="who-we-are">
43+
<div className="container ">
44+
<div className="col-sm-6 col-sm-12">
45+
<h2>Github</h2>
46+
<p>
47+
We have two repos/projects. One for the API, another
48+
for the front end.
49+
The Api is a standard express application with Mongo
50+
as the database. It uses passport for authentication,
51+
mailchimp for the newsletter and
52+
mandrill for transactional emails.
53+
We use something
54+
called json-api to serialize the responses. The
55+
frontend is a react application and it uses the
56+
container/component pattern.
57+
</p>
58+
<p>
59+
<strong>
60+
<a href="https://github.com/corgicode/api" target="_blank">Api / Backend</a>
61+
</strong>
62+
&nbsp;-&nbsp;
63+
<strong>
64+
<a href="https://github.com/corgicode/frontend-react" target="_blank">Front End</a>
65+
</strong>
66+
</p>
67+
<h2>Kanban</h2>
68+
<p>
69+
The roadmap is organized in contained in github issues
70+
in every repo. You can create or pickup issues from there, or
71+
leave comments with suggestions.
72+
A tool called <a href="https://waffle.io" target="_blank">waffle </a>
73+
helps us manage the roadmap and priorities, what is currently
74+
being worked on, and what has been released.
75+
</p>
76+
<p>
77+
<strong>
78+
<a href="https://waffle.io/corgicode/api" target="_blank">Api / Backend</a>
79+
</strong>
80+
&nbsp;-&nbsp;
81+
<strong>
82+
<a href="https://waffle.io/corgicode/frontend-react" target="_blank">Front End</a>
83+
</strong>
84+
</p>
85+
</div>
86+
</div>
87+
</section>
88+
</div>
89+
);
90+
}
91+
}
92+
93+
export default WeAreOpenSource;

‎src/routes.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import React from 'react';
22
import { Route, Switch } from 'react-router-dom';
33
import Home from './containers/home';
44
import About from './containers/about';
5+
import WeAreOpenSource from './containers/about/openSource';
56
import Profile from './containers/profile';
67
import e404 from './containers/404';
78
import ProfileEdit from './containers/profile/Edit';
@@ -19,6 +20,7 @@ class Routes extends React.Component {
1920
return(
2021
<Switch>
2122
<Route exact path="/" component={ Home } />
23+
<Route path="/about/open-source" component={ WeAreOpenSource } />
2224
<Route path="/about" component={ About } />
2325
<Route path="/signup" component={ Signup } />
2426
<Route path="/learning" component={ LearningPageContainer } />

0 commit comments

Comments
 (0)