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 (she/her) 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.

Discussion

pic
Editor guide
Collapse
qcgm1978 profile image
Youth

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

Collapse
hugoliconv profile image
Hugo

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.

Collapse
ashleemboyer profile image
Ashlee (she/her) Author

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

Thread Thread
hugoliconv profile image
Hugo

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.

Thread Thread
ashleemboyer profile image
Ashlee (she/her) Author

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

Collapse
ashleemboyer profile image
Collapse
borisimple profile image
Boris Krstić

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 😊