Skip to content
OverviewSolutions
6
Comments
2
Almas
@almasiwe11

All comments

  • David Irvine•210
    @DavidIrvine-TWSubmitted about 1 year ago

    Hey all...

    I'm beginning to think about creating my portfolio. I was thinking that many people would have the same content as me as FrontEndMentor is a popular web dev school. I decided to use the initial design, but change it to make it look more original... I also decided to expand the functionality. This is the result.. I hope you like it.. its not designed for small screens really... larger screens are a better experience.

    This is a full-stack solution:

    I used Nextjs 13, MUI, MongoDB, TailwindCSS, TMDB, Mongoose, and a number of smaller UI libraries including React Youtube, Toastify, and Swiper.

    **edit I removed the session lock to open the additional features (video selection). The sign-in feature now only unlocks bookmarking, and the option to save and retrieve bookmarks across your devices. I used MongoDB and NextAuth for this.

    Happy Coding! :)

    Entertainment Web App Solution.

    2
    Almas•200
    @almasiwe11Posted about 1 year ago

    Great project, I am thinking about creating a portolio aswell, your project makes me insecure, so you don't have a job yet? with knowing all of those techs?

    0
  • Luktoria•130
    @LuktoriaSubmitted about 1 year ago

    -Mobile view: I couldn't find a way to add the little ear to the menu corner. I also didn't find out how to load the four picture in the gallery as a two-two picture layout.

    -Desktop view: In the services section, the content keeps breaking in different layout.

    -Desktop&mobile view: I couldn't find a way to color the little svg icons directly, instead I just made a white variation of them, and changed the code to load those instead of the original ones.

    Any feedback / advice on these topics is welcomed!

    CSS flexbox, vanilla js, css media queries

    1
    Almas•200
    @almasiwe11Posted about 1 year ago

    Hi, regarding a mobile menu corner, you can add the follownid to your menu container .polygon { clip-path: polygon(0 30px, 93% 30px, 100% 0, 100% 100%, 0 100%); }

    clit-path together with polygon function allow you to cut the sections of your element that you want to see.

    0