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