You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
crunch 586cd04b0b Merge branch 'master' of into master 3 weeks ago
apollo apollo querying implemented, prisma left 4 weeks ago
e2e initial commit 1 month ago
prisma Deleted Tutorial Code 4 weeks ago
src comments, removal of leftovers 4 weeks ago
.browserslistrc initial commit 1 month ago
.editorconfig initial commit 1 month ago
.gitignore initial commit 1 month ago
.graphqlrc.yml trying to get graphql querying to work 1 month ago delivery to foxbase 4 weeks ago
angular.json initial commit 1 month ago
karma.conf.js initial commit 1 month ago
package-lock.json delivery to foxbase 4 weeks ago
package.json delivery to foxbase 4 weeks ago initial commit 1 month ago
tsconfig.base.json apollo querying implemented, prisma left 4 weeks ago
tsconfig.json initial commit 1 month ago
tsconfig.spec.json initial commit 1 month ago
tslint.json initial commit 1 month ago

Foxbase Challenge

This repository was created to satisfy the coding challenge provided by FoxBase.

Installation / Usage



  1. git clone
  2. cd foxbase-challenge
  3. npm install


  1. start Apollo server in separate terminal: npx ts-node apollo/index.js
  2. serve Angular app in separate terminal: ng serve


  1. Setup an Angular app (Version 8) with an IDE of your choice.
  2. Create a simple navigation with 3 different Pages you can access through routing.
  3. One of the pages should be the start page with a welcome message.
  4. The other two pages should be: a) one page where the user can input some data b) one page that is using the data from the input page to display some information.
  5. The user input should still be there after reloading the page (persist the data in local storage for simplicities sake).
  6. Include a README that has the necessary steps to run the application locally.
  7. Please push this to a github repository and send us the link to the repository.

Scope info:

  • The input can be anything from a todo-app to a simple input form, don't hang yourself up on writing your own fancy input components.
  • Keep it simple and stupid, no need to impress us with good UX-Design, just get it to work.
  • You are encouraged to use libraries to avoid as much work as possible (e.g. for the inputs).


  • Instead of storing the data the user inputs locally, send and load the data through a Prisma API by utilizing the Apollo GraphQL client. This API can run locally if desired. You can use any database of your choice.

Angular Boilerplate

This project was generated with Angular CLI version 10.0.6.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.


Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.