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-website-example
:clipboard: Namari website converted from HTML template to Angular
AndrewJBateman/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.
AndrewJBateman/ionic-angular-cart
:clipboard: Ionic 5 app to collect items in a shopping basket, tutorial code from Simon Grimm at the Ionic Academy
AndrewJBateman/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.
AndrewJBateman/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.
AndrewJBateman/ionic-angular-infoapp
:clipboard: App to search for info from an API and display it using the Ionic framework. Currently using a movie database API to develop the app.
AndrewJBateman/ionic-react-firebase
:clipboard: Ionic app with react and firebase as a backend
AndrewJBateman/angular-tailwind-ratp
:clipboard: Angular app to show JSON data from the RATP (French transport system) API
AndrewJBateman/angular-tailwind-unsplash
:clipboard: Angular app to get random images from the Unsplash API
AndrewJBateman/angular-crud-operations
:clipboard: Angular app to store fast-food orders in a Firebase database. They are then retrieved and shown in a table on-screen
AndrewJBateman/pean-stack-api-display
:clipboard: Full-stack app to display data from a PostgreSQL database & REST APIs using an Angular frontend with Google Charts, Bootstrap CSS & RxJS reactive programming. Node with Express middleware backend used to pass data from database to frontend.
AndrewJBateman/angular-firebase-access
:clipboard: Angular with Firebase backend for CRUD operations on blog posts
AndrewJBateman/angular-tailwind-sncf
:clipboard: Angular app using Tailwind styles to display SNCF data from the Navitia API
AndrewJBateman/ionic-angular-audiorep
:clipboard: App to play audio files using audio library Howler, another great tutorial from Simon Grimm of Devtactic
AndrewJBateman/angular-datastream-feed
:clipboard: Angular app that uses RxJS asynchronous code to show Reddit search results in HTML
AndrewJBateman/angular-gauges-realdata
:clipboard: App using npm library 'canvas-gauges' to display real data on analogue gauges
AndrewJBateman/angular-pwa-game
:clipboard: Angular Progressive Web App, Tutorial code from Fireship.io
AndrewJBateman/astro-tailwind-site
Astro framework used with Tailwind styling to create SEO and Pagespeed-optimised website
AndrewJBateman/beckhoff-automation-twincat
Beckhoff PLC, TwinCAT Safety controller and related subjects
AndrewJBateman/ionic-angular-slidedrawer
:clipboard: Tutorial app that uses a slide drawer component to try out Ionic gestures. Tutorial code from Josh Morony
AndrewJBateman/angular-api-gouvfr
:clipboard: Angular app to search for address data from the French Government official API
AndrewJBateman/angular-arcgis-multimaps
:clipboard: Angular multi-page app using RxJS operators and ArcGIS esri-mapping solutions from Esri to display a map. Tailwind CSS used for reduced styles build bundle. For the About page info. the Github API is accessed using Angular httpClient and the RxJS take(1) method.
AndrewJBateman/angular-highcharts-gauges
:clipboard: Angular app using the highcharts API to display data.
AndrewJBateman/angular-tailwind-dataportal
:clipboard: Angular used with Tailwind to create simple frontend to display backend data
AndrewJBateman/header-parser-microservice
:clipboard: Obtains IP address, language and operating system from request header
AndrewJBateman/ionic-react-lists
:clipboard: App using Ionic with React to store todo list items in a Firebase backend. App run successfully on an actual mobile device using Android Studio v3.6.2. Uses Firebase 'realtime-database'
AndrewJBateman/meen-stack-articles
:memo: This app displays articles in a grid of Bootstrap cards. It uses the MongoDB, Express, Embedded Javascript Templating (EJS) & Node.js (MEEN) stack to perform Create, Read, Update and Delete (CRUD) operations. EJS is a templating language that uses javascript to produce the HTML template markup. I wanted to see if using EJS resulted in quicker rendering. Backend: Express routes and controllers were created in separate folders to make the code more readable. A Mongoose schema was used for the Note model.Frontend: I used the vue-moment Moment.js filter dependency to extract a more readable time format from the database UTC timestamp using a pipe.
AndrewJBateman/next-apollo-graphql
:clipboard: Next.js app using graphQL with Apollo to retrieve API data.
AndrewJBateman/nodejs-api-data
:clipboard: Node.js app to display data from a cryptocurrency API. Tutorial code updated to latest ES6
AndrewJBateman/TimestampUNIX
:clipboard: Gives the UNIX-time generated from a user date input