Skip to content

Commit c48b477

Browse files
KameshwaranKameshwaran
authored
Merge pull request #65 from Codebrahma/process-page
Process page
2 parents 93bf4bc + 15d01b2 commit c48b477

File tree

3 files changed

+111
-26
lines changed

3 files changed

+111
-26
lines changed

‎src/components/vimeoVideoContainer.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import styled from "@emotion/styled"
2+
3+
export default styled.div`
4+
background: black;
5+
position: relative;
6+
padding-bottom: 56.25%;
7+
height: 0;
8+
overflow: hidden;
9+
max-width: 100%;
10+
11+
iframe, object, embed {
12+
position: absolute;
13+
top: 0;
14+
left: 0;
15+
width: 100%;
16+
height: 100%;
17+
}
18+
`;

‎src/pages/our-process.mdx

Lines changed: 92 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
import SEO from './../components/seo'
2+
import VimeoVideoContainer from './../components/vimeoVideoContainer'
3+
import { Flex, H4, Box, P } from "bricks"
24

35
<SEO
46
title="Agile Software Development for Web and Mobile Development"
@@ -9,32 +11,97 @@ import SEO from './../components/seo'
911

1012
# Our Process
1113

12-
<br/>
13-
14-
### Let's Meet
15-
16-
Let us catch up over a coffee or skype and discuss about your vision and the problem you want to solve.
17-
18-
### Storyboarding
19-
20-
Post meeting, form user stories that clearly define the scope of the project. We put your requirements down on a project management tool like trello in the form of user stories. This clearly defines the scope of projects and ensure both parties know what we are getting into.
21-
22-
### Sprints
23-
24-
We break our product development cycle into many sprints that are about 2 weeks each. Each sprint has a monday morning sprint planning meeting and daily ten minute stand ups. At the second friday we have a sprint conclusion demo and a retrospective.
25-
26-
### Feedback
27-
28-
We set up a staging server where our continuous delivery manager will automatically deploy the latest code we push. You can check the status of your project anytime on our staging server and provide us feedback.
29-
30-
### Acceptance
31-
32-
Once we deliver a user story, you can test it out on staging server and accept the story or give us feedback if any.
33-
34-
### Completion
35-
36-
Once all the stories have been accepted by you, we prepare the project for delivery and give you a documentation of our work.
14+
## What clients provide us
15+
<Flex flexDirection="column" mt="2" >
16+
<Box width={1} pr="1">
17+
<H4>1. App Design</H4>
18+
<P>We accept designs in Figma, Zeplin, Sketch, Invision and etc.</P>
19+
</Box>
20+
<Box width={1}>
21+
<iframe
22+
style="border: none;"
23+
width="100%"
24+
height="450"
25+
src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FyHxXUqndSX9skkLZAamZyO%2Fcodebrahma-serverless-enterprise-UI%3Fnode-id%3D1%253A2%26viewport%3D390%252C393%252C0.3491819202899933%26scaling%3Dscale-down-width"
26+
allowfullscreen
27+
></iframe>
28+
</Box>
29+
</Flex>
30+
31+
## What we build and deliver
32+
33+
<Flex flexDirection="column" mt="2" >
34+
<Box width={1} pr="1">
35+
<H4>1. Design system written in React</H4>
36+
<P>Design system is a collection of reusable components written in React, guided by clear standards like Airbnb, that can be assembled together to build your applications.</P>
37+
</Box>
38+
<Box width={1}>
39+
<iframe
40+
src="https://codesandbox.io/embed/design-system-for-serverless-zcry2?fontsize=14&hidenavigation=1&theme=dark&view=preview"
41+
style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
42+
title="Design system for serverless"
43+
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
44+
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
45+
></iframe>
46+
</Box>
47+
</Flex>
48+
49+
<Flex flexDirection="column" mt="2" >
50+
<Box width={1} pr="1">
51+
<H4>2. Backend API tests and documentation on Postman</H4>
52+
<P>
53+
Our backend developers builds API schema and tests on Postman before the actual API development starts.
54+
The frontend development team starts development with no wait, by making use of the mock API server and documentation provided by Postman for our API schema.
55+
</P>
56+
</Box>
57+
<VimeoVideoContainer>
58+
<iframe
59+
src="https://player.vimeo.com/video/390805379"
60+
width="100%"
61+
height="400"
62+
frameborder="0"
63+
allow="autoplay; fullscreen"
64+
allowfullscreen
65+
>
66+
</iframe>
67+
</VimeoVideoContainer>
68+
</Flex>
69+
70+
<Flex flexDirection="column" mt="3">
71+
<Box width={1} pr="1">
72+
<H4>3. App developed with React</H4>
73+
<P>Based on the design, a complete React app developed with the help of design-system and APIs created above. The code will comply with Airbnb standards.</P>
74+
</Box>
75+
<Box width={1}>
76+
<iframe
77+
src="https://codesandbox.io/embed/vigorous-platform-9b61d?autoresize=1&codemirror=1&fontsize=14&theme=dark&view=editor"
78+
style="width:100%; height:400px; border:0; border-radius: 4px; overflow:hidden;"
79+
title="vigorous-platform-9b61d"
80+
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
81+
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
82+
></iframe>
83+
</Box>
84+
</Flex>
85+
86+
87+
<Flex flexDirection="column" mt="3">
88+
<Box width={1} pr="1">
89+
<H4>4. Deployed Website / Mobile App</H4>
90+
<P>Cloud hosting is done for websites. Mobile Apps are published to Android / iOS stores.</P>
91+
</Box>
92+
<Box width={1}>
93+
<iframe
94+
src="https://codesandbox.io/embed/vigorous-platform-9b61d?autoresize=1&codemirror=1&fontsize=14&theme=dark&view=preview"
95+
style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
96+
title="vigorous-platform-9b61d"
97+
allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"
98+
sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
99+
></iframe>
100+
</Box>
101+
</Flex>
37102

103+
<br/>
104+
<br/>
38105
<br/>
39106

40107
[Get in touch with us](/contact) to know more.

‎src/theme.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ colors.primary = colors.black[1]
3636
colors.secondary = colors.tint
3737

3838
const styles = {
39-
body:{
39+
body: {
4040
fontFamily: 'body',
4141
fontSize: [1, 'desktop.1'],
4242
lineHeight: 1,

0 commit comments

Comments
 (0)