Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    A Full Stack React and AWS Marketing Experience

    #graphql#jest#material-ui#react#react-testing-library
    • HTML
    • CSS
    • JS

    0


    For this project, I decided to move away from my usual preference for flashy animations and instead focused on delivering a high-quality codebase that is rigorously tested and designed for scalability.

    This endeavor involved the establishment of a serverless backend architecture built for Amazon Web Services to host content stored in a database and efficiently distribute images via a Content Delivery Network (CDN). I'm delighted to report that I've successfully achieved these objectives.

    For frontend development in React, I wanted to pull data from a single source of truth and Apollo was the best choice to make that happen. I also made use of Material UI's CSS library this time around to speed up my development time.

    There's a link to the GitHub for the frontend's repository included in the repository URL section, but I'd look at the readme file on there if you'd like to find a link to check out the code for the serverless backend.

    I'm eager to hear your thoughts and feedback on the project, so please feel free to share your insights and suggestions. I hope it's something you all can truly enjoy!

  • Submitted

    Audiophile with Next, TypeScript, React Redux, and Framer Motion

    #chakra-ui#framer-motion#next#redux-toolkit#typescript
    • HTML
    • CSS
    • JS

    0


    This is my first attempt at learning TypeScript and Chakra for a challenging project. Chakra seems to have a cleaner feel to the coding structure as compared to Styled Components. There were some issues with Framer’s animation sequences and mapped Chakra components, so I’ve added some lighter animations this time.

    I’d say this project in particular was great for getting a better understanding of Redux for larger scale projects.

    For anyone who wants to attempt this project, I’d suggest waiting until you feel more comfortable with TypeScript. You can do this with plain JS, but it’d a good opportunity to learn some TS.

  • Submitted

    Scoot w/ React, Framer, Styled Components, Mobile-First Workflow

    #framer-motion#react#react-router#styled-components#accessibility
    • HTML
    • CSS
    • JS

    0


    There's more than meets the eye when it comes to Scoot. This one was a deceivingly tricky challenge, but I'm glad to finally have it done. I even added some animations for you all to enjoy!

  • Submitted

    NextJS , Styled Components, Framer, EmailJS

    #framer-motion#next#styled-components#accessibility
    • HTML
    • CSS
    • JS

    1


    Made this one my current portfolio with a few of my listed projects. Check it out on my main domain, https://www.jasonnembhard.com/ as Frontend Mentor only lets you post approve subdomains (Vercel in this case). Feedback welcome!

  • Submitted


    This one was a bit of a challenge, but I found a nifty tool called the use-between hook to handle state management. Check out useSummary in the hooks folder if you get stuck! I also hosted the site on Gatsby Cloud: https://coffeeroasters.gatsbyjs.io/ feel free to compare speed and performance.

  • Submitted


    This one was definitely harder than expected. I won't say too much about it, but one trick I will mention is that Firefox developers released a new set of css commands including one called grid-template-rows: masonry. It will be supported by major browsers in the near future. Do what you will with that information. It might save you some development time.