Rick and Morty + Nuxt + Tailwind

Helena Martins — Mon, 10 Oct 2022 23:27:35 +0000

Hello! Besides studying and working with React and Next, I'm currently studying Vue and Nuxt. Then, I've thought about creating a little site using data from Rick and Morty API, Nuxt and Tailwind.

After reading this post: https://dev.to/monicafidalgo/12-apis-that-you-as-a-developer-will-love-it-4ec6 from @monicafidalgo I decided to do this project using Rick and Morty API, since it's one of my favourites series.

I've created a home page with a hero, a carousel containing cards with the first 20 characters, a button to go to all characters page, a contact CTA with two buttons: one to see the repository and other that opens a modal with a contact form, where the user may send me a message. At the end of the page, there' the footer (footer, contact CTA and menu are included on default layout).

Also, there's see all characters, with a table with the characters and a pagination, which allows user to see only 20 characters per page.
Moreover, I've created a contact page, where you may read a little about the process of making up the site and a little about me.

Bellow, you can see the preview and the repository link. Fell free to add any comment about this project! :)

Live preview: https://lnkd.in/d4gyzkzj
Repository: https://lnkd.in/dac9HkuF

Photo by Michael Marais on Unsplash

DEV Community: Helena Martins

Rick and Morty + Nuxt + Tailwind