Dev Quotes

By on

A NextJS Quotes application with a professional setup and a lot of testing

About

What is Dev Quotes? It’s a small project with a professional setup used to revisit NextJS and to try out some tools I had not tried before including CSS Modules and react-query. Everything is written in strict TypeScript, even the tests. It connects to a public API for the quotes. You can find the API here: http://quotes.stormconsultancy.co.uk

The project can be viewed live here: devquotes.vercel.app (identical to main branch)

Dev Quotes homepage displaying a quote

Motivation

The reason I made this project wasn’t to build something spectacular. I wanted a small application which I could use to improve my test writing, and I wanted to see if TypeScript would be beneficial in tests or if it would get in the way. As it turns out I actually really enjoyed having TypeScript in my tests too.

Technologies

Some of the technologies used to make this project:

  • NextJS
  • TypeScript
  • React Query
  • React Testing Library
  • Jest
  • React
  • CSS Modules

Other work

    • Gatsby
    • React
    • Styled Components
    • TypeScript

    Portfolio website

    A 100% custom Gatsby website built with modern technologies.

    See the project details
    • Responsive
    • CSS
    • HTML

    Master Chief CSS Art

    Responsive image made with just HTML and CSS.

    See the project details
Back to projects

Say hello! 👋

If you want to talk to me about something that could interest me, you can send me an email at hey@eddy.codes. I check my inbox a couple times during the week.

You can also find me on Twitter (@eddyvinckk) or LinkedIn.

(I get a lot of messages, so sadly I can't get back to everyone)