Skip to content
Submitted almost 3 years ago

audiophile solution built with Next + Typescript

next, react, typescript, motion
Yazdun•1,310
@Yazdun
A solution to the Audiophile e-commerce website challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey everyone ! This is my first Guru challenge and It's a little bit different from the original design, For example I completely changed the desktop hero section and I created a sidebar for the cart, which was supposed to be a modal.

I also decided to use more reddish color as the primary color, The original orange color didn't look alive enough to me 😁

I'm open to feedbacks and let me know of your thoughts about this solution. Thanks in advance

Code

Please log in to post a comment

Log in

Community feedback

  • Chukwudobe Micah Chinedu•700
    @chukwudobe-Micah

    I noticed you use blurred photos a lot, so when they're viewed you change to the original photo which helps performance. How do you get the blurred photos?

  • Micah Johnson•240
    @codejohnson89

    I just finished this challenge and saw yours and man this is DOPE!!!!!! Great job!!!!!

  • P
    Jason Nembhard•320
    @jNembhard

    This is good! I also did NOT know you could add an @ symbol to point directly to folders instead of writing out the entire file path when importing files...brb need to make some updates haha.

  • Leonard•1,025
    @leoikeh99

    Wooooowwwwwwww

  • Victor Eleanya•780
    @mrvicthor

    Thanks for your help. If you do not mind can you tell me what the problem was?

  • Victor Eleanya•780
    @mrvicthor

    1 | import type { NextPage } from "next"; 2 | import Head from "next/head";

    3 | import Countries from "./countries"; | ^ 4 | import { useContext } from "react"; 5 | import { ThemeContext } from "./../components/Layout"; 6 | Build error occurred Error: Call retries were exceeded at ChildProcessWorker.initialize (/vercel/path0/node_modules/next/dist/compiled/jest-worker/index.js:1:11661) at ChildProcessWorker._onExit (/vercel/path0/node_modules/next/dist/compiled/jest-worker/index.js:1:12599) at ChildProcess.emit (node:events:527:28) at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12) { type: 'WorkerError' } Error! Command "npm run build" exited with 1 Error: Command "vercel build" exited with 1

  • Victor Eleanya•780
    @mrvicthor

    Type error: Cannot find module './countries' or its corresponding type declarations.

  • Victor Eleanya•780
    @mrvicthor

    Well done. Great job. I recently completed the rest countries API challenge using typescript and nextjs but I have been having problems deploying it in vercel. Any chance you can help me?

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord