Skip to content

Demo front end app using data from rickandmortyapi.com

Notifications You must be signed in to change notification settings

neal-nankivell/rick-and-morty-app

Repository files navigation

Demo front end app using data from rickandmortyapi

My goal with this app is to solidify knowledge around frameworks I'm already familiar with,
As well as learn a few new libraries/frameworks I have no experience with.

New things to learn

  • GraphQL
  • Emotion Looking for another style lib to learn. I was unable to get this working with create react app without eject. The docs say it should work with babel-macros but I did not find this the case. When I searched github for usages of this with typescript I only found a handful and they all seemed to be using custom builds anyway.
  • styled-components in place of emotion I'm trying out this lib.
  • Redux-Saga

Fimilar things to reinforce

  • TypeScript
  • Jest
  • Enzyme
  • Storybook
  • React

I'm sure as I work through this there will be some change in direction and what things I would like to learn next.
As this happens I will do my best to keep this up to date.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn storybook

Start the storybook component explorer on port 9009, see storybook.js.org for docs.

yarn build-storybook

This will build the storybook configured in the Storybook directory into a static web app and place it inside the storybook-static directory. Now you can deploy the content in the storybook-static directory wherever you want.
Docs for Exporting Storybook as a Static App can be found here

Copyright?

Rick and Morty is created by Justin Roiland and Dan Harmon for Adult Swim. The data and images are used without claim of ownership and belong to their respective owners.