DEV Community

loading...
Cover image for 3 Projects you should have in your portfolio

3 Projects you should have in your portfolio

donubwise profile image U.M.NDOH ・Updated on ・1 min read

When building this projects keep the followings in mind

  • Focus on the details of the user interface
  • Try to code serveral aspect of the user interface
  • Dont forget lower resolution screens

Projects

  • Dashboard UI
    Screenshot 2021-01-02 at 10.56.05

  • Podcast/Music player UI
    Screenshot 2021-01-02 at 11.00.35

  • Booking UI
    Screenshot 2021-01-02 at 11.08.07

Discussion (17)

pic
Editor guide
Collapse
leviathanprogramming profile image
π‹π„π‘½πˆπ‘¨π“π‡π€π Programming

Wouldn't you want to make a fully-functional website instead of just UI/UX?

Collapse
donubwise profile image
U.M.NDOH Author

Well that would be a nice idea, but this post was for frontend dev

Collapse
donubwise profile image
U.M.NDOH Author

That would be a very nice idea.

Collapse
epsi profile image
E.R. Nurwijayadi

Short. But Very important.

How do I bookmark this page in dev.to πŸ€”?

Collapse
dramaticbean profile image
DramaticBeanπŸ‡΅πŸ‡Ή

There's probably on your left side, under the unicorn icon, a button that lets you save the post to your 'reading list'

Collapse
epsi profile image
E.R. Nurwijayadi

Ahaaa... thank youuuuu

Collapse
bc profile image
Brian Canzanella

Love that a dashboard UI is included here as it often involves lots of different components and you can really get a great sense of the overall look/feel/aesthetics from it. Nice!

Collapse
tobisam2000 profile image
Oluwatobiloba Adesokan

How do one get the tutorials to this

Collapse
donubwise profile image
U.M.NDOH Author

you wont see the exact tutorials to it, but you can try to build them yourself

Collapse
aleaallee profile image
Alejandro esquivel

These examples are great, but I doubt a non-designer front-end developer can create user interfaces like that. We are developers, not designers.

Collapse
donubwise profile image
U.M.NDOH Author

Even though we might not create the exact designs we can build something closed to it

Collapse
commentme profile image
Unnati Bamania

They're really complex to build and will improve and cover everything required for designing!

Collapse
venkatgadicherla profile image
venkatgadicherla

I am be ignorant but what do mean by lower screens

Collapse
donubwise profile image
U.M.NDOH Author

by lower screens i mean mobile phones or Ipad screens

Collapse
bglamadrid profile image
Benjamin La Madrid

I was confused about that too, I would suggest to write "lower resolution screens" instead, or "responsive design"

Thread Thread
donubwise profile image
U.M.NDOH Author

okay will do that