Introduction

This project uses Rick and Morty GraphQL API to generate random episodes based on how many characters and locations user selects.

Technologies

• HTML (JSX);
• CSS with CSS modules and Sass;
• Typescript;
• React with React Hooks;
• Apollo Client;
• ESLint and Prettier;

Concepts explored

• Using Declarative Programming as paradigm;
• Static typing with Typescript;
• Fetching data from a GraphQL API using Apollo Client;
• Global state management using React's Context API;
• Local scope styling using CSS Modules and SASS;
• Creating a reactive application using Hooks;
• Following a specific pattern and linting with ESLint, Prettier and EditorConfig.

Running the project

1 - Open the terminal and clone the project using: https://github.com/BrunoSantoni/rick-and-morty-episode-generator.git

2 - Open the folder and run yarn or yarn install to download all the dependencies
You can also use npm install or npm i

3 - In the project directory, you can run: yarn start to run the app in the development mode

4 - Open http://localhost:3000 to view it in the browser.