https://github.com/andyfrith/tmdb-demo-ui
A minimal React Typescript application providing a simple UI that accesses GraphQL API endpoints
https://github.com/andyfrith/tmdb-demo-ui
apollo-client graphql react typescript
Last synced: 3 months ago
JSON representation
A minimal React Typescript application providing a simple UI that accesses GraphQL API endpoints
- Host: GitHub
- URL: https://github.com/andyfrith/tmdb-demo-ui
- Owner: andyfrith
- Created: 2020-04-03T17:38:38.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-04-04T21:33:07.000Z (over 6 years ago)
- Last Synced: 2025-04-07T16:23:34.659Z (over 1 year ago)
- Topics: apollo-client, graphql, react, typescript
- Language: TypeScript
- Homepage:
- Size: 1.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tmdb-demo-ui
This demo is a minimal React Typescript application providing a simple UI that acesses GraphQL API endpoints.
## Table of Contents
1. [Introduction](#introduction)
2. [Features](#features)
3. [Environment](#environment)
4. [Other Demos](#other-demos)
5. [Contact Developer](#contact-developer)
## Introduction
This very light application serves as simple demo of several technologies and best-practices with respect to React and GraphQL development. It is designed to operate alongside the GraphQL server provided by the demo-gql application.
## Features
A list of movies are diplayed when opening [http://localhost:3000/](http://localhost:3000/) in the browser.
### Tyepscript
Why TypeScript? Because, use of types lends itself to using highly-productive development tools and practices; such as, static checking and code refactoring during JavaScript development. Additionally, there is great support for TypeScript in the development community.
### React
Why React? Because there is no better JavaScript library for building the best user interfaces!
### GraphQL
This application was built using the [Apollo Client](https://www.apollographql.com/docs/react/v3.0-beta/get-started/).
## Environment
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Available Scripts
In the project directory, you can run:
#### `npm install`
Installs the necessary modules required to build and run the application.
#### `npm generate`
Generates GraphQL schema by running the the [Apollo CLI](https://www.apollographql.com/docs/devtools/cli/).
#### `npm start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
#### `npm test`
Launches the test runner in the interactive watch mode.
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
#### `npm run 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.
## Other Demos
[tmdb-demo](https://github.com/andyfrith/tmdb-demo) - the GraphQL server counterpart- a minimal Node.js Typescript application providing a GraphQL API
[demo-gql](https://github.com/andyfrith/demo-gql) - A minimal Node.js Typescript application providing a GraphQL API
[react-portal](https://github.com/andyfrith/react-portal) - a React Redux application that provides simple user management tasks upon successful JWT authentication
[greasy-spoon-pos](https://github.com/andyfrith/greasy-spoon-pos) - a React Redux application that provides minimal features of a very basic restaurant Point of Sale system
[goodapplemedia.com](https://github.com/andyfrith/goodapplemedia.com) - a responsive website created with HTML5, Foundation CSS, and ES6 that demonstrates an exceptional and desirable user experience
## Contact Developer
I'm driven to deliver exemplary User Experiences and sound application architectures. I enjoy solving customer problems with excellent design and engineering- to greatly affect business success.
[Portfolio](http://goodapplemedia.com)
[Email: afrith.denver.usa@gmail.com](mailto:afrith.denver.gmail.com)
[LinkedIn](https://www.linkedin.com/in/goodapplemedia/)