@mjordancodes
by: mJordan
@mjordancodes
@mjordancodes
@mjordancodes
Why am I building a portfolio?
To show off who I am
Make a portfolio that is a true expression of yourself. Programming is in a lot of ways a creative field, so use your creativity!
@mjordancodes
Who am I?
@mjordancodes
Who do I want looking at my site?
My mom!
Create user personas: fictional representation of my ideal user
@mjordancodes
What works on my current site?
What doesn't work on my current site?
1. Asking Questions
@mjordancodes
2. Finding Inspiration
@mjordancodes
awwwards - don't just look at the portfolio sites. Check out everything and find bits and pieces you like!
Bestfolios - there are articles and resources to check out as well
I also keep a bookmark folder called "Portfolio Inspiration" and throw sites in there all the time. Even when not in portfolio building time.
CodePen - I love exploring this site for all the cool little things I didn't know I was looking for. Save all my favorites for inspiration later on.
1. Asking Questions
@mjordancodes
2. Finding Inspiration
3. The Design Process
@mjordancodes
Clean code. Link to see code on github
Easter eggs! Create my own illustrations
add a random fish
Highlight this work in my about section. More illustrations!
Add more rubber ducks
List books read / reading
Replace entire site with pictures of my puppies
1. Site Map
2. Wireframe
3. Mockup
4. Gather Assets
@mjordancodes
1. Asking Questions
@mjordancodes
2. Finding Inspiration
3. The Design Process
4. Picking a Stack
Stop. Please just stop.
@mjordancodes
Use the tools you use every day OR keep it simple.
I have spent the last year working in React. I will probably continue working in React for a while, or other JavaScript Frameworks. Gatsby is a super cool static site generator (AND SO MUCH MORE!) that is react based and I have tried once or twice already.
Have a damn good reason for every piece of tech that you decide to use. How does it help with your motivation?
@mjordancodes
JAMstack all the things
@mjordancodes
I have spent the last year working in React. I will probably continue working in React for a while, or other JavaScript Frameworks. Gatsby is a super cool static site generator (AND SO MUCH MORE!) that is react based and I have tried once or twice already.
@mjordancodes
I have lost track of the number of super cool awesome rad projects I have built that live exclusively on my computer because deployment is HARD.
Netlify makes it so easy. And once I set up the automatic bits, I NEVER have to think about it again. Just and life is good.
$ git push
@mjordancodes
Netlify CMS to the rescue! Now I can use a CMS and publish content when I don't want to write code, OR I can create markdown files in my normal text editor and publish with my normal git workflow.
1. Asking Questions
@mjordancodes
2. Finding Inspiration
3. The Design Process
4. Picking a Stack
5. FINALLY!
You have permission to start writing code.
1. Asking Questions
@mjordancodes
2. Finding Inspiration
3. The Design Process
4. Picking a Stack
5. Start Coding
6. BONUS: add cool things. Like sprinkles on top.
@mjordancodes