Kamran Ahmed
3 years ago
parent
1c065f563d
commit
0a3fd7b894
6 changed files with 135 additions and 7 deletions
|
Before Width: | Height: | Size: 576 B After Width: | Height: | Size: 841 B |
|
Before Width: | Height: | Size: 529 B After Width: | Height: | Size: 550 B |
@ -0,0 +1,67 @@ |
|||||||
|
## What is roadmap.sh? |
||||||
|
|
||||||
|
Roadmap.sh is the place containing community curated roadmaps, study plans, paths and resources for the budding |
||||||
|
developers. It started as a [set of charts to guide the developers](https://github.com/kamranahmedse/developer-roadmap) |
||||||
|
who are confused about what should they learn next but that alone wasn't enough so I expanded it into the website to get |
||||||
|
more contributors involved. |
||||||
|
|
||||||
|
## What are the plans for roadmap.sh? |
||||||
|
|
||||||
|
The website started off as |
||||||
|
a [simple repository containing a few charts](https://github.com/kamranahmedse/developer-roadmap) for developers and |
||||||
|
based on my personal opinions but it could have been much more than that so I decided to expand it to a website where |
||||||
|
people can contribute to study plans with their areas of expertise as well, add more roadmaps, write guides etc. |
||||||
|
|
||||||
|
We haven't opened up the sign ups for now but we will be doing. My long term plans for this website are to turn it into |
||||||
|
a goto place for the developers to seek guidance about their careers, help others, share their journeys, incentivize the |
||||||
|
learnings, get feedbacks on their projects etc. |
||||||
|
|
||||||
|
## How did you build roadmap.sh? |
||||||
|
|
||||||
|
The basic version of the website has been built with [Next.js](https://github.com/zeit/next.js/), is opensource and can |
||||||
|
be found on [github](https://github.com/kamranahmedse/roadmap.sh). It was hastily done to get it out in front of the |
||||||
|
people and get people to start contributing so it might be rough on the edges, but that is where we need your help. |
||||||
|
|
||||||
|
## How does it make money? |
||||||
|
|
||||||
|
It doesn't make any money. I have been using my personal time and budget to build it. I did not create this website with |
||||||
|
any intentions of monetization but as a good will, to help the people get out of the frustration that I was once in. |
||||||
|
|
||||||
|
Having said that, I love teaching and my future plans are to be able to work full-time on roadmap.sh for which it has to |
||||||
|
make enough money to pay for my rent, groceries, bills, travel expenses, etc but even if it doesn't it's likely I'll |
||||||
|
continue growing the site however I can. My focus at the moment is not making money from it and just add content that |
||||||
|
creates value for the people. |
||||||
|
|
||||||
|
> Sponsor the efforts by [paying as little as 5$ per month](https://github.com/sponsors/kamranahmedse) or with [one time payment via paypal](https://paypal.me/kamranahmedse). Alternatively, reach out to me at [kamranahmed.se@gmail.com](mailto:kamranahmed.se@gmail.com). |
||||||
|
|
||||||
|
## Can I contribute? |
||||||
|
|
||||||
|
You definitely can, infact you are encouraged to do that. Even your minor contributions such as typo fixes count. The |
||||||
|
source code of the website can be [found on Github](https://github.com/kamranahmedse/roadmap.sh). Your contributions can |
||||||
|
be: |
||||||
|
|
||||||
|
* Adding a new roadmap |
||||||
|
* Updating existing roadmap |
||||||
|
* Suggesting changes to the existing roadmaps |
||||||
|
* Writing a Guide |
||||||
|
* Updating an existing guide |
||||||
|
* Fixing grammar mistakes, typos on the website or the content |
||||||
|
* Updating the UI of the website |
||||||
|
* Refactoring the codebase |
||||||
|
* Becoming a sponsor |
||||||
|
|
||||||
|
Just make sure |
||||||
|
to [follow the contribution guidelines](https://github.com/kamranahmedse/roadmap.sh/tree/master/contributing) when you |
||||||
|
decide to contribute. |
||||||
|
|
||||||
|
## Can I redistribute the content? |
||||||
|
|
||||||
|
No, the license of the content on this website does not allow you to redistribute any of the content on this website |
||||||
|
anywhere. You can use it for personal use or share the link to the content if you have to but redistribution is not |
||||||
|
allowed. |
||||||
|
|
||||||
|
## What is the best way to contact you? |
||||||
|
|
||||||
|
Tweet or send me a message [@kamranahmedse](https://twitter.com/kamranahmedse) or email me |
||||||
|
at [kamranahmed.se@gmail.com](mailto:kamranahmed.se@gmail.com). I get lots of messages so apologies in advance if you don't hear back |
||||||
|
from me soon but I do reply to everyone. |
||||||
@ -0,0 +1,63 @@ |
|||||||
|
import React from 'react'; |
||||||
|
import { Box, Button, Container, Flex, Heading, Image, Link, Stack, Text } from '@chakra-ui/react'; |
||||||
|
import { GlobalHeader } from '../components/global-header'; |
||||||
|
import { OpensourceBanner } from '../components/opensource-banner'; |
||||||
|
import { UpdatesBanner } from '../components/updates-banner'; |
||||||
|
import { Footer } from '../components/footer'; |
||||||
|
import MdRenderer from '../components/md-renderer'; |
||||||
|
|
||||||
|
function AboutHeader() { |
||||||
|
return ( |
||||||
|
<Box pt='70px' pb='55px' borderBottomWidth={1} mb='30px' textAlign='left' position='static' top='10px'> |
||||||
|
<Container maxW='container.md' position='relative' textAlign='left'> |
||||||
|
<Flex alignItems='center'> |
||||||
|
<Image src='/kamran.jpeg' h='170px' rounded='10px' mr='25px' /> |
||||||
|
<Box> |
||||||
|
<Heading as='h1' color='black' fontSize='40px' fontWeight={700} mb='10px'>Hello, I am Kamran |
||||||
|
Ahmed</Heading> |
||||||
|
<Text fontSize='17px' color='gray.700' mb='10px'> |
||||||
|
I created roadmap.sh to help developers find their path if they are confused and help them grow in |
||||||
|
their career.</Text> |
||||||
|
|
||||||
|
<Stack isInline> |
||||||
|
<Button as={Link} bg='blue.500' color='white' size='sm' |
||||||
|
_hover={{ textDecoration: 'none', bg: 'blue.700' }} href='https://twitter.com/kamranahmedse' |
||||||
|
arget='_blank'> |
||||||
|
@kamranahmedse |
||||||
|
</Button> |
||||||
|
|
||||||
|
<Button as={Link} bg='green.500' color='white' size='sm' |
||||||
|
_hover={{ textDecoration: 'none', bg: 'green.700' }} href='mailto:kamranahmed.se@gmail.com' |
||||||
|
target='_blank'> |
||||||
|
kamranahmed.se@gmail.com |
||||||
|
</Button> |
||||||
|
</Stack> |
||||||
|
|
||||||
|
</Box> |
||||||
|
</Flex> |
||||||
|
</Container> |
||||||
|
</Box> |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
export default function About() { |
||||||
|
const AboutContent = require(`../content/pages/about.md`).default; |
||||||
|
|
||||||
|
return ( |
||||||
|
<Box bg='white' minH='100vh'> |
||||||
|
<GlobalHeader /> |
||||||
|
<Box mb='60px'> |
||||||
|
<AboutHeader /> |
||||||
|
<Container maxW={'container.md'} position='relative'> |
||||||
|
<MdRenderer> |
||||||
|
<AboutContent /> |
||||||
|
</MdRenderer> |
||||||
|
</Container> |
||||||
|
</Box> |
||||||
|
|
||||||
|
<OpensourceBanner /> |
||||||
|
<UpdatesBanner /> |
||||||
|
<Footer /> |
||||||
|
</Box> |
||||||
|
); |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 41 KiB |
Loading…
Reference in new issue