Skip to content
OverviewSolutions
20
Comments
8
Rajeev kumar
@beRajeevKumar

All comments

  • Emmilie Estabillo•5,600
    @emestabillo
    What are you most proud of, and what would you do differently next time?

    Hey everyone! 👋 It's been a minute! 😊

    I built this project incrementally during the holidays, and took the opportunity to practice Typescript and explore GSAP integration with the app router. To further challenge myself, I used Contentful for managing the project listings and implemented Google Maps on the contact page. It took a little longer than expected to finish, but the process proved to be more valuable than the end result.

    What challenges did you encounter, and how did you overcome them?

    Most of the challenges I encountered were from Typescript. This was the first time I used GSAP with the app router, and I tried to keep the animations on the component files as much as possible, so much so that I was thinking I was creating non-essential files just to support the animation feature. Feedback would be appreciated on that regard, and on any other improvements including accessibility.

    I had to host the fonts since Spartan is not available on Google anymore, and made minor adjustments to the logo to match the design. I also increased the base font to the standard 16px.

    Thanks and looking forward to hearing your thoughts!

    EDIT: From the screenshot, it looks like I followed an outdated design. Will push improvements.

    Arch Studio multi-page site with Next.js, GSAP, and Contentful CMS

    #contentful#gsap#next#typescript
    4
    Rajeev kumar•280
    @beRajeevKumar

    Brilliant Work! You build this in Next.Js, that's awesome.

  • Rajeev kumar•280
    @beRajeevKumar

    Keep going on!

  • Rajeev kumar•280
    @beRajeevKumar

    Congratulations Bro, you complete your first challenge.My advise to your is that You must think about solve the project and learn as much as possible form the project not think about just finish the project.

  • Rajeev kumar•280
    @beRajeevKumar

    Hello belalsmile, Your solution is not perfect according to design solution so you can rebuild it or make it open to contribute for other people before that you need build it again if you lagging at somewhere so you can succuessful submissions that are to much similar to the design. Here is my solution , Take a look:- https://www.frontendmentor.io/solutions/stats-preview-card-component-TFbNAD8uqQ

  • Rajeev kumar•280
    @beRajeevKumar

    Exectly same.

  • Rajeev kumar•280
    @beRajeevKumar

    Thanks Hassia Issah, I will definitely work on it.It some new for me because i never use mixed-bland-mode: multiply; property in any of my project. Its helpful and new for me.

  • Rajeev kumar•280
    @beRajeevKumar

    I am also going to build this.Then I will discuss the code together.

  • Rajeev kumar•280
    @beRajeevKumar

    ThankYou Sir, I will definitely works on my mistakes that you catch in my project , and works on all suggestions that you suggest me to improving my webD skills, And yea, keep practicing the coding 🤪.