Rick And Morty App

A Next.js app that consumes the Rick and Morty API and list characters.

https://rick-and-morty-amber-one.vercel.app

Table of contents

• Table of contents
• About the project
• Video
• Installation
• Technologies used
• License

About the project

This project was created for study purposes. The main goal is to show the technologies I like to use, how I organize my projects and show my frontend skills. All the animations and transitions were made by me with CSS (Sass) transitions and keyframes, without the need of any external library.

For state management I chose to use ContextAPI as there's only a few data that needed to be global.

The app consumes the Rick and Morty API, created by Axel Fuhrmann.

Video

rick-and-morty-app.mp4

Installation

1. Clone down this repository. You will need node and yarn installed globally on your machine.

   git clone https://github.com/MarceloDJunior/rick-and-morty.git

2. Install dependencies:

   yarn

3. Start Dev Server:

   yarn dev

4. Visit the app in localhost:3000

Technologies used

• React.js
• Next.js
• TypeScript
• Sass
• Apollo
• ESLint
• Stylelint
• Commitlint
• Prettier

License

MIT © Marcelo Dornelles Junior