AndrewJBateman
💻 Programming, Engineering | IT | Cloud-GCP: Full-Stack Developer with an Engineering Master’s Degree & over 20 years’ international engineering experience.
Bateman IndustriesFrance, Spain, Norway, UK, Mars
Pinned Repositories
angular-material-portfolio
:clipboard: Angular Material & RxJS Observables are used to display my data. A Google Cloud Firestore NoSQL database stores the blog posts & website data. Anyone can read the blog posts.
angular-movie-database
:clipboard: Angular app to create movie database using rxjs and observables
angular-tailwind-ratp
:clipboard: Angular app to show JSON data from the RATP (French transport system) API
angular-tailwind-sncf
:clipboard: Angular app using Tailwind styles to display SNCF data from the Navitia API
angular-tailwind-unsplash
:clipboard: Angular app to get random images from the Unsplash API
angular-website-example
:clipboard: Namari website converted from HTML template to Angular
ionic-angular-cart
:clipboard: Ionic 5 app to collect items in a shopping basket, tutorial code from Simon Grimm at the Ionic Academy
ionic-angular-news-app
:clipboard: Ionic-Angular app to fetch news articles from a REST API using Typescript interfaces to define the expected structure of the json objects returned & http service providers. Custom pipes used to modify API news article titles, contents and convert the Universal Time Constant (UTC) date string. Dark mode, Offline Storage of favourite articles & settings using Ionic Storage. Common Refresh & Progress Bar Components. Localisation using i18n so user can select between English (default), Spanish and French.
ionic-angular-world-data
:clipboard: Ionic-Angular app that displays information about world countries and oceans using JSON data fetched from a REST API. Includes a user search of countries/capitals. Page popovers used to provide links to external websites or activate functions such as delete item from favourites.
pern-stack-auth
:clipboard: Repair. PERN stack todo app with jwt user authentication
AndrewJBateman's Repositories
AndrewJBateman/angular-movie-database
:clipboard: Angular app to create movie database using rxjs and observables
AndrewJBateman/ionic-angular-project
:clipboard: App from Udemy Ionic course that is similar to Airbnb. Firebase 'ionic-maps-api' project deleted. Would need a new Firebase project creating
AndrewJBateman/ionic-angular-calendar
:clipboard: Ionic app to drag & drop items, tutorial code from Jameson Saunders of JamiBot.
AndrewJBateman/angular-data-charts
:clipboard: The Coronavirus API this app is based on no longer exists. Covid-19 data was displayed using angular-google-charts module. Covid data/news from api.coronatracker.com was shown in mat-cards.
AndrewJBateman/ionic-angular-contacts
:clipboard: Ionic app to transfer contacts using Cordova plugins. Tutorial from the Ionic Academy
AndrewJBateman/angular-material-nav
:clipboard: Angular app using Angular Material & Angular Material Schematics to create a responsive side navigation menu.
AndrewJBateman/ionic-angular-datatable
:clipboard: Ionic app to show json data table, using Swimlane npm module 'ngx-datatable'.
AndrewJBateman/ionic-angular-todo-app
:clipboard: App created using the Ionic framework, using a firebase cloud database to store to-do data. All CRUD operations can be carried out using the Ionic UI.
AndrewJBateman/ionic-select-searchbar
:clipboard: Ionic app to use the Ionic Selectable Module
AndrewJBateman/ionic-angular-material
:clipboard: Ionic app to use the angular material library. Another great tutorial from Simon Grimm at the Ionic Academy
AndrewJBateman/ionic-angular-weatherapi
:clipboard: App to display weather data from a weather API using the Ionic 5 framework.
AndrewJBateman/angular-api-booklist
:clipboard: App to retrieve and display book details from the Google books API
AndrewJBateman/angular-budget-app
:clipboard: Angular tutorial app to create a simple budget calculator. Tutorial Code by Devstackr.
AndrewJBateman/angular-data-dashboard
:clipboard: Angular dashboard to display data using Google charts
AndrewJBateman/angular-webcam-video-capture
:clipboard: Displays webcam video stream and captures images from local PC using a web browser. Photos can be captured using a button that will save the images in an array. Works in Chrome only.
AndrewJBateman/ionic-angular-csvdata
:clipboard: App built with Ionic using code from another great tutorial by Simon Grimm of the Ionic Academy
AndrewJBateman/ionic-angular-firebase
:clipboard: Ionic app to perform Create Read Update & Delete (CRUD) operations on a Google Cloud Firestore database.
AndrewJBateman/ionic-angular-swipeTabs
:clipboard: Ionic tutorial app from Simon Grimm of the Ionic Academy
AndrewJBateman/angular-dragdrop-module
:clipboard: Angular app to learn about Drag and Drop module, following Youtube tutorial by 'Demos with Angular'
AndrewJBateman/ionic-angular-orienter
:clipboard: App created using the Ionic framework with the Angular directive for Flexmonster Pivot Table & Charts.
AndrewJBateman/ionic-angular-tutorial
:clipboard: App to show a map view of a location using Leaflet & the Ionic framework.
AndrewJBateman/angular-engineering-calculator
:clipboard: Angular app to create a calculator then add engineering functions
AndrewJBateman/angular-fast-http-caching
:clipboard: Get data from a Github API and use observables for fast http caching. Tutorial from 'Demos with Angular'
AndrewJBateman/angular-nasa-api
:clipboard: App using the Angular framework & RxJS reactive programming to view data from the official NASA API.
AndrewJBateman/angular-observables
:clipboard: This Angular project uses the Observables to stop a process by using ngOnDestroy to avoid memory leak if a page process is left running when the web page is exited.
AndrewJBateman/angular-tutorial-app
:clipboard: Simple app to display a list of servers and indicate whether the server is on or offline. Created as part of Udemy Angular course.
AndrewJBateman/ionic-angular-datatables
:clipboard: Ionic app to experiment with data tables. Tutorial app from Simon Grimm of Devdactic
AndrewJBateman/ionic-angular-horiznav
:clipboard: Ionic tutorial app to switch from tabs to top nav as screen size increases
AndrewJBateman/ionic-angular-multMenus
:clipboard: Tutorial from Simon Grimm of the Ionic Academy to create an app with 2 side menus
AndrewJBateman/ionic-angular-slides
:clipboard: App to show images with test info, tutorial code from Paul Haliday