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/pern-stack-auth
:clipboard: Repair. PERN stack todo app with jwt user authentication
AndrewJBateman/ionic-angular-github
:clipboard: App to search for a Github profile using the Github API then display key info using ion-cards
AndrewJBateman/ionic-angular-notes
:clipboard: App to show a list of items, each with a clickable link to a detailed page. To be developed into an Android app.
AndrewJBateman/react-app-cryptocurrency
:clipboard: Shows prices of cryptocurrencies via an API. Uses the React library
AndrewJBateman/react-file-upload
:clipboard: Express backend server app to handle file uploads
AndrewJBateman/ionic-angular-authUser
:clipboard: Ionic-Angular used to authenticate users so they can access a simple chat app. Take care if updating.
AndrewJBateman/ionic-angular-parallax
:clipboard: Ionic app to display a parallax effect so scrolling makes an image move out of view slower than the actual content. Another great tutorial from Simon Grimm - see Readme for link
AndrewJBateman/ionic-angular-qrreader
:clipboard: Ionic app to read bar codes. Another excellent tutorial from Simon Grimm at the Ionic Academy
AndrewJBateman/angular-form-validation
:clipboard: This app sets up form validation in Angular 10 using Template-Driven Forms. This is a simple registration form with standard fields for first name, last name, email, password and confirm password. Additional field with maxLength validator added.
AndrewJBateman/ionic-angular-explorer
:clipboard: Ionic app that has a file explorer - tutorial code from Simon Grimm of the Ionic Academy
AndrewJBateman/ionic-angular-links
:clipboard: App to use Cordova DeepLink to add a Wordpress site address in an app
AndrewJBateman/ionic-angular-news
:clipboard: App to show news from an API using Angular and Ionic
AndrewJBateman/angular-tensorflow-notes
:clipboard: Code to experiment with machine learning using Tensorflow.js, starting with recognising numbers.
AndrewJBateman/angular-tour-of-heroes
:clipboard: This is a data-driven app that stores and displays a list of heroes, edits their details and allows navigation of the data using different views.
AndrewJBateman/ionic-angular-customAnim
:clipboard: Ionic app using custom animations. Another excellent tutorial from Simon Grimm at the Ionic Academy
AndrewJBateman/mean-stack-app
:clipboard: App using an Angular frontend to Create, Read, Update & Delete (CRUD) data from a Node.js backend server database.
AndrewJBateman/angular-bootstrap-info
:clipboard: Angular app to get API data and display it using Bootstrap styles
AndrewJBateman/angular-components-study
:clipboard: App to study differences between dumb (presentational and portable) components and smart components (that can have logic, trigger change detection and manage data/services).
AndrewJBateman/angular-frontend-notes
:clipboard: Angular tutorial app to allow user to enter notes and to list these notes in cards.
AndrewJBateman/angular-regex-project
:clipboard: This app highlights search text within a string. It renders HTML on the screen via a variable and manipulates that HTML based on a query, a regular expression and regex replace logic.
AndrewJBateman/Angular-webpack-SPAexample
:clipboard: Angular App to make calls to an external API. Don't update to v15
AndrewJBateman/file-metadata
:clipboard: FCC project to be able to select and upload a file via a UI
AndrewJBateman/ionic-angular-localiser
:clipboard: This project uses ngx translate, the internationalisation (i18n) library for Angular to change the content of the home page and alert button to the language chosen.
AndrewJBateman/ionic-picker-study
:clipboard: App created using the Ionic framework to use the Ion-picker component. Another great tutorial from the Ionic Academy
AndrewJBateman/mean-graphql-crud
:clipboard: Full-stack MEAN app with Create, Read, Update & Delete functionality.
AndrewJBateman/next-excel-gcp
:clipboard: Next.js React used to connect to a GCP project excel sheet 'backend'
AndrewJBateman/next-graphql-data
:clipboard: A Next.js React app using GraphQL & Apollo-Server-Micro to get data from a JSON file.
AndrewJBateman/next-graphql-graphcms
:clipboard: GraphCMS used to set up data models and allow public read access to the data using GraphQL.
AndrewJBateman/nodejs-tutorial-rest-api
:clipboard: This is an app to practise working with Representational State Transfer (REST) APIs that just transfer data instead of user interfaces.
AndrewJBateman/vue-ssr-app
:clipboard: Vue app to display API data. Progressive Web App