loading...
Cover image for The Perfect First Project for Exploring Any JS Framework

The Perfect First Project for Exploring Any JS Framework

ashleemboyer profile image Ashlee Boyer Updated on ・2 min read

The worst part of finishing a tutorial is not knowing what to do next. You could go look up some app ideas online, but aren't you tired of making to-do lists and calculators you probably won't use? It probably feels like there's nothing left to make.

Jack Tripper saying, "Well, as a matter of fact, there is something"

What about a resume? I spent today coding mine up using Gatsby (I really needed to use the typography and icon plugins), then I did a swift little ctrl-p > "Save to PDF". It was much easier for me to do it this way than to make something in LibreOffice Draw. The program always seems to distort colors and such anyways.

So... what makes a resume the perfect project?

  • It's only one pageβ€”that's not too much work.
  • You can practice laying things out with CSS if you do what I did and use two columns.
  • There's all types of elements you can practice with: headers, paragraphs, links, and lists.
  • Again, if you use two columns, you can practice placing your elements in the correct order for accessibility.
  • You can use get some extra practice with tools like Lighthouse that test accessibility, performance, and best practices.
  • After it's done, you can add it to your personal/portfolio site(s) and have something great-looking to brag about. πŸ˜‰

Still feeling a little uninspired about design? Take a look at these sites for some resume examples:

If you have any other ideas, or would like to share your work, please do leave it in the comments below or send me a tweet! I love seeing what other people create. 😊


Did you know I have a newsletter? πŸ“¬

If you want to get notified when I publish new blog posts or make major project announcements, head over to https://ashleemboyer.com/newsletter.


Image by Emma Matthews on Unsplash.

Posted on May 7 '19 by:

ashleemboyer profile

Ashlee Boyer

@ashleemboyer

Dog mom to Trooper & Tango | Engineer of software | Lover of learning | Partner of Zach | She/her | HOH | #SpooniesWhoCode

Discussion

markdown guide
 

I don't get your point. What project should I do? Do you have an example so I can imitate it.

 

I'd say that consume an API it's also a good way to learn a framework, for example when I started learning React I built a small app using The Marvel Comics API and it was really helpful because it's pretty common to consume an API in a real project.

 

Ooooh, I like this idea. Does anyone know of a list of awesome, random APIs we can have fun with?

No, but there are a lot of blogs about that, you can search online. Personally, I've only used Marvel and Spotify API, this last one it's a little bit more complex because you have to handle authentification, but it is pretty fun.

I hope I remember to search and then report back. 😊

 
 

I've created my CV as a PWA. Started with Gatsby, but i thought it is overkill for a CV only. But I agree it's cool for exploring 😊