Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

Nextjs with Stripe, Next Auth, MongoDB, Postgres, and more...

mongodb, next, postgres, react, react-testing-library
Kevin Walker•140
@kwalker3000
A solution to the Audiophile e-commerce website challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I am sure there is some big glaring mistake somewhere...

I found working with the backend somewhat difficult at the beginning, along with reading the API docs, but once I began to understand it became a lot easier. I actually had a lot of fun building. As you can probably tell by all the added features.

I wish I was more comfortable with testing in react. Anything complex and I become unsure of what and how to test. If you have any resources or pointers, I would much appreciate it.

If you wish to test out the stripe checkout, the test card number is 4242 4242 4242 4242.

I made mistake with the chat widget, it is not for one-to-one customer service purposes but for a public forum. Messages are broadcasted to everyone who also has the widget open. I decided to leave it in cause I may implement a support forum, also to give other people some ideas for their projects.

Thanks for checking out my solution!

Code
Select a file

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Kevin Walker's solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub