Projects in Awesome Lists by AndrewJBateman
A curated list of projects in awesome lists by AndrewJBateman .
https://github.com/andrewjbateman/pern-stack-auth
:clipboard: Repair. PERN stack todo app with jwt user authentication
backend frontend jwt-authentication pern pern-stack postgresql-database postman postman-api react repair stack
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-website-example
:clipboard: Namari website converted from HTML template to Angular
angular angular17 convert-html-template css3 html-template html5 rxjs tutorial-code youtube-videos
Last synced: 11 Apr 2025
https://github.com/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.
angular angular17 dark-theme html5 ionic ionic-framework ionic7 news-apis news-articles news-items pipes rxjs-observables rxjs7 scss storage-service typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-movie-database
:clipboard: Angular app to create movie database using rxjs and observables
angular angular15 database json json-server movie-database observables rxjs rxjs7 typescript typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-angular-cart
:clipboard: Ionic 5 app to collect items in a shopping basket, tutorial code from Simon Grimm at the Ionic Academy
angular angular17 ionic product-quantities rxjs rxjs7 scss-styles shopping-cart typescript typescript4
Last synced: 06 Oct 2025
https://github.com/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.
angular angular-material-cards angular18 api-client cards firebase firebase-backend firebase-database firestore-backend github-pages navbars portfolio-website rxjs rxjs7 scss-styles typescript webpack-bundle-analyzer
Last synced: 14 Aug 2025
https://github.com/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.
angular angular17 api-rest countries country-map favourites ion-grid ionic ionic5 json-data oceans popover popover-page rest-countries storage
Last synced: 11 Apr 2025
https://github.com/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
angular angular13 datetimepicker google-maps-api html5 ionic ionic6 modal-windows observables promises rxjs rxjs-operators typescript4 udemy-course-project
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/pern-stack-todo
:clipboard: PERN full stack todo app using PostgreSQL as a backend database with Express middleware React as the frontend and Node.js as the backend server. deployed to Heroku. Tutorial code by The Stoic Programmers (see 'Inspiration' below)
backend crud-operation database express-middleware frontend heroku-deployment nodejs pern pern-stack postgres postman react
Last synced: 25 Jul 2025
https://github.com/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.
android-device angular angular17 api-rest html5 ionic ionic-angular movie-database-api open-movie-database scss-styles typescript
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-angular-calendar
:clipboard: Ionic app to drag & drop items, tutorial code from Jameson Saunders of JamiBot.
android angular angular15 calendar devapp firebase firebase-database firebase9 html5 ionic jameson-saunders jamibot scss-styles tutorial tutorial-code typescript4
Last synced: 14 Oct 2025
https://github.com/andrewjbateman/node-sequelize-postgresql
:clipboard: Node.js + Express used with Sequelize Object-Relational Mapping (ORM) to perform promise-based Create, Read, Update & Delete (CRUD) operations on linked data tables in a PostgreSQL database. SQL database data based on Sequelize Project and Workpackage models.
crud-operations express node nodejs postgresql relational-database sequelize
Last synced: 09 Oct 2025
https://github.com/andrewjbateman/angular-firebase-auth-service
:clipboard: Firebase user authentication service, tutorial from Stephen Fluin, Demos with Angular
angular angular15 firebase firebase-authentication firebase-database firebase9 google-firebase html5 real-time rxjs rxjs7 tutorial-code typescript4
Last synced: 20 Sep 2025
https://github.com/andrewjbateman/python-django-crypto
:clipboard: Python-Django app to fetch and display crypto currency prices from the Coingecko cryptocurrency API
coingecko-api cryptocurrencies django django-framework python
Last synced: 17 Aug 2025
https://github.com/andrewjbateman/google-cloud-resources
:clipboard: Collection of links, repos, pdfs and all other material for Google Associate Cloud Engineer
Last synced: 31 Jan 2026
https://github.com/andrewjbateman/ionic-angular-stock-data
:clipboard: Ionic app to chart historic stock prices from a financial data API. Take care if updating to ng16 or ng17 as chart.js and ng2-charts not Ivy compatible.
angular angular15 api-rest financial-data ionic ionic6 ng2-charts stock-price tutorial-code
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/postgresql-rest-api
:clipboard: PostgreSQL database used with nodejs and express to create a REST API
crud databases express-middleware nodejs nodemon pgsql postgresql postgresql-database typescript
Last synced: 27 Oct 2025
https://github.com/andrewjbateman/python-django-barcode
:clipboard: Python-Django app to create & display barcodes
admin-dashboard barcode django images pip python tutorial-code
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-react-firebase
:clipboard: Ionic app with react and firebase as a backend
css3 ionic-react ionic5 react react-hooks react-router
Last synced: 08 Oct 2025
https://github.com/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.
angular angular-data-charts angular-material angular-material14 angular14 covid-data google-charts mat-cards navbar news rxjs6 scss scss-styles user-country
Last synced: 11 Apr 2025
https://github.com/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.
angular angular15 firebase firebase-cloud-database firestore firestore-database html5 ionic ionic-framework ionic6 scss typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/fastapi-python-sql
:clipboard: FastAPI web framework used to create a REST CRUD API with Python and a MySQL database.
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-tutorial-assignments
:clipboard: Course notes and assignment solutions for Udemy Angular 8 course
angular7 css dependency-injection html5 injection service services typescript
Last synced: 23 Sep 2025
https://github.com/andrewjbateman/ionic-angular-contacts
:clipboard: Ionic app to transfer contacts using Cordova plugins. Tutorial from the Ionic Academy
angular angular13 contacts cordova cordova-plugins ionic ionic6 phone-contacts sms tutorial
Last synced: 28 Feb 2026
https://github.com/andrewjbateman/angular-material-nav
:clipboard: Angular app using Angular Material & Angular Material Schematics to create a responsive side navigation menu.
angular angular-material angular-material15 angular15 breakpoint css3 material material-design nav observable tutorial-code typescript3
Last synced: 26 Oct 2025
https://github.com/andrewjbateman/ionic-angular-github
:clipboard: App to search for a Github profile using the Github API then display key info using ion-cards
angular angular16 api-rest dark-theme github-api html5 ionic ionic7 scss scss-styles typescript4
Last synced: 07 May 2025
https://github.com/andrewjbateman/ionic-angular-imagecrop
:clipboard: Ionic app to crop images. Another excellent tutorial from Simon Grimm at the Ionic Academy
angular angular13 camera crop-images html5 image-cropper image-manipulation ionic ionic-academy ionic6 typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-angular-auth
:clipboard: Ionic Authorization app using jwt tokens. Tutorial code from Simon Grimm of the Ionic Academy
angular angular14 authorization canactivate html5 ionic ionic6 jwt jwt-bearer-tokens rxjs7 scss typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/react-native-cryptos
:clipboard: Displays crypto-currency API data from CoinGecko. Tutorial code from Fazt Code.
android-studio androidstudio api-client cryptocurrencies css expo expo-cli fazt react-native tutorial-code
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-angular-datatable
:clipboard: Ionic app to show json data table, using Swimlane npm module 'ngx-datatable'.
angular angular15 data-table html5 ionic ionic6 ngx-datatable scss-styles swimlane typescript4
Last synced: 03 Aug 2025
https://github.com/andrewjbateman/angular-news-app
:clipboard: Angular app that displays news articles from a news API.
angular angular-material angular-material15 angular15 api-rest css html5 http-client news-api news-articles news-channel observable tutorial-code typescript
Last synced: 11 Apr 2025
https://github.com/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.
android android-app android-studio angular13 html5 ionic ionic-angular-notes ionic6 recipe recipe-page rxjs rxjs7 scss-styles
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-tailwind-unsplash
:clipboard: Angular app to get random images from the Unsplash API
angular angular17 eslint prettier-eslint purge-css pwa rxjs rxjs7 tailwind unsplash-api
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-material-table
:clipboard: Angular app to display a table using the Material library
angular angular-material angular-material16 angular16 breakpoints css3 html5 table typescript4
Last synced: 26 Jul 2025
https://github.com/andrewjbateman/angular-pwa-ssr
:clipboard: Angular app with Server Side Rendering working as a Progressive Web App. Deployed to Netlify.
angular angular-universal angular16 api-rest lighthouse-score pwa rxjs rxjs7 ssr universal
Last synced: 10 Aug 2025
https://github.com/andrewjbateman/react-file-upload
:clipboard: Express backend server app to handle file uploads
api-server express full-stack nodejs react typescript vscode-extension
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/react-app-cryptocurrency
:clipboard: Shows prices of cryptocurrencies via an API. Uses the React library
api-rest axios crypto cryptocompare-api cryptocurrencies cryptocurrency css3 html5 javascript nodejs reactjs
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-select-searchbar
:clipboard: Ionic app to use the Ionic Selectable Module
angular angular15 html5 ionic ionic-selectable ionic-selectables ionic6 scss
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-material-notepad
:clipboard: Angular used with Material & Tailwind components to display and add notes in a table
angular angular-material16 angular16 css3 html5
Last synced: 11 Sep 2025
https://github.com/andrewjbateman/angular-tailwind-ratp
:clipboard: Angular app to show JSON data from the RATP (French transport system) API
angular angular17 api-rest deploy deployment lighthouse netlify pwa ratp rxjs rxjs7 scss-styles tailwind-purge tailwindcss
Last synced: 29 Oct 2025
https://github.com/andrewjbateman/mevn-stack-notes
:clipboard: Full-stack app using MongoDB, Express, Vue and Node.js for CRUD operations
axios bootstrap express-middleware heroku mevn-stack mongodb-atlas mongodb-database nodejs vue
Last synced: 17 Mar 2026
https://github.com/andrewjbateman/vue-app-crypto
:clipboard: Vue app to display cryptocurrency api data
api axios crypto cryptocompare-api cryptocurrency css3 html5 tutorial-code vue-cli3 vue-router vue2
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/vuex-state-management
:clipboard: App to learn about state management using Vuex. Tutorial from Gary Simon of Coursetro
css html5 javascript mutation vue vue-cli vue-framework vuex
Last synced: 23 Feb 2026
https://github.com/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
angular angular16 crud crud-operations firebase firebase-database firebase10 firestore material materialize-css rxjs rxjs7
Last synced: 16 Mar 2026
https://github.com/andrewjbateman/angular-user-posts
:clipboard: Angular app to get user details and posts from an external API.
angular angular-material angular16 api html5 material-ui observables rxjs rxjs7 scss
Last synced: 08 May 2026
https://github.com/andrewjbateman/ionic-angular-material
:clipboard: Ionic app to use the angular material library. Another great tutorial from Simon Grimm at the Ionic Academy
angular angular-material angular15 html5 ionic ionic6 material scss
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/ionic-angular-weatherapi
:clipboard: App to display weather data from a weather API using the Ionic 5 framework.
angular angular15 forms ionic ionic6 scss-styles tutorial-code weather-api weather-data weatherstack-api
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/mern-stack-records
:clipboard: Mongo Express React Node (MERN) full-stack app to perform CRUD operations on records
css-framework express-middleware material-ui mern mern-stack momentjs mongodb-atlas react react-redux tutorial-code
Last synced: 14 May 2026
https://github.com/andrewjbateman/ionic-angular-qrreader
:clipboard: Ionic app to read bar codes. Another excellent tutorial from Simon Grimm at the Ionic Academy
angular angular13 barcode-scanner cordova cordova-plugin html5 ionic ionic-academy ionic6 rxjs7 tutorial-code typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-api-project
:clipboard: App using a DataService with httpClient to get json data from an external API.
angular angular16 api api-json dataservice form-builder form-validation html5 httpclient json-api json-data observable-streams rxjs rxjs-observable rxjs-subscriptions rxjs7 scss-styles typescript4
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-tailwind-authpanel
:clipboard: Angular app using Webpack & Tailwindcss components to display a login dashboard
angular angular16 html5 tailwind tailwindcss tailwindcss3 tutorial-code webpack
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-full-stack
:clipboard: Adds a backend to an Angular app within the same folder using node.js, express and typescript. Tutorial from 'Demos with Angular'
angular angular16 backend concurrently express html5 nodejs tutorial-code typescript typescript4
Last synced: 12 Apr 2026
https://github.com/andrewjbateman/ionic-angular-accordian
:clipboard: App to show accordian UI and some artistic modifications
accordian-widget accordion-element angular angular16 ionic scss-styles tutorial-code typescript4 widget
Last synced: 13 Aug 2025
https://github.com/andrewjbateman/ionic-angular-sqlite
:clipboard: App to store data using the Ionic framework, cordova SQLite database, cordova SQLite Porter and Capacitor.
angular angular15 capacitor cordova-plugin cordova-sqlite-database css3 database html5 ionic ionic-angular ionic6 sqlite sqlite-porter typescript4
Last synced: 22 Aug 2025
https://github.com/andrewjbateman/pern-stack-database
:clipboard: Full stack app using PostgreSQL, Express, React & Node.js. Tutorial app
concurrent-processes css3 express nodejs nodemon pern-stack postgresql-database react
Last synced: 20 Sep 2025
https://github.com/andrewjbateman/ionic-angular-authuser
:clipboard: Ionic-Angular used to authenticate users so they can access a simple chat app. Take care if updating.
angular angular15 authentication firebase firebase9 ionic ionic6
Last synced: 07 May 2025
https://github.com/andrewjbateman/next-tailwind-card
:clipboard: A PWA Next/Tailwind template app with simple Create, Read, Update & Delete card components, deployed to Netlify.
css3 deployed html5 lighthouse-score netlify nextjs pwa-app react react-component ssr tailwind tailwindcss template-project
Last synced: 16 Apr 2026
https://github.com/andrewjbateman/angular-graphql-data
:clipboard: Angular app to display data from Rick and Morty API using GraphQL with Apollo.
angular angular-cli angular16 api apollo-graphql graphql html5 scss scss-styles ssr tutorial-code typescript
Last synced: 03 Nov 2025
https://github.com/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
angular angular15 directives dom-manipulation html ionic parallax scss-styles simon-grimm-youtube tutorial-code typescript
Last synced: 07 May 2025
https://github.com/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.
angular16 bootstrap bootstrap5 cryptocurrencies express-middleware frontend full-stack google-charts leaflet-map leafletjs maps nasa-api nodejs pean postgresql-database pwa-app server-side-rendering ssr state-management typescript4
Last synced: 06 May 2026
https://github.com/andrewjbateman/angular-api-booklist
:clipboard: App to retrieve and display book details from the Google books API
angular angular-material angular-material15 angular15 flex-layout google-books-api http-requests
Last synced: 17 May 2026
https://github.com/andrewjbateman/nx-next-express
:clipboard: Nx monorepo with Express to display API data using Next.js
api-rest cypress-tests express express-middleware monorepo nextjs nx nx-workspace react typescript
Last synced: 03 May 2026
https://github.com/andrewjbateman/ionic-angular-news
:clipboard: App to show news from an API using Angular and Ionic
angular angular13 api-service html5 ionic ionic-page ionic6 news-api newsapi scss-styles
Last synced: 11 Apr 2025
https://github.com/andrewjbateman/angular-bootstrap-api
:clipboard: Simple responsive app to fetch API data and display it using RxJS observables and infinite-scrolling
angular angular16 bootstrap bootstrap5 rest-api rxjs rxjs-observables rxjs7
Last synced: 13 Apr 2026
https://github.com/andrewjbateman/svelte-tailwind-ssr
:clipboard: Svelte3 with Tailwind styles used to display API data in a SSR app
api-rest countries-api css github-api rxjs-observables rxjs7 svelte svelte3 tailwindcss tailwindcss-v3
Last synced: 08 May 2026
https://github.com/andrewjbateman/angular-budget-app
:clipboard: Angular tutorial app to create a simple budget calculator. Tutorial Code by Devstackr.
angular angular-material angular15 budget budget-calculator bulma html modal-dialogs rxjs7 sass tutorial typescript4
Last synced: 03 May 2026
https://github.com/andrewjbateman/ionic-angular-audiorep
:clipboard: App to play audio files using audio library Howler, another great tutorial from Simon Grimm of Devtactic
angular angular16 audio-streaming howler howler-audio-library html5 ionic mp3-player scss-styles strict-types tutorial-code typescript4
Last synced: 09 May 2026
https://github.com/andrewjbateman/angular-tailwind-sncf
:clipboard: Angular app using Tailwind styles to display SNCF data from the Navitia API
angular angular17 navitia navitia-api observables pwa rest-api rxjs rxjs7 scss sncf tailwind transloco typescript
Last synced: 01 May 2026
https://github.com/andrewjbateman/ionic-react-bitcoin
:clipboard: Ionic 5 React app to show bitcoin prices. Tutorial code.
bitcoin-price ionic react tutorial-code youtube-video-series
Last synced: 13 Apr 2026
https://github.com/andrewjbateman/react-supabase-auth
:clipboard: React app with Supabase PostgreSQL backend
chakra-ui html5 javascript react supabase
Last synced: 01 May 2026
https://github.com/andrewjbateman/angular-highcharts-dashboard
:clipboard: App using Angular Highcharts to display data using different chart types
angular angular-highcharts angular-material angular16 chart-types dashboard highcharts highcharts-angular pie-chart sidemenu tutorial-code typescript4
Last synced: 27 Apr 2026
https://github.com/andrewjbateman/ionic-angular-csvdata
:clipboard: App built with Ionic using code from another great tutorial by Simon Grimm of the Ionic Academy
angular angular15 cordova cordova-plugin csv-parser html5 ionic ionic6 scss-styles social-buttons tutorial-code
Last synced: 20 Apr 2026
https://github.com/andrewjbateman/ionic-angular-links
:clipboard: App to use Cordova DeepLink to add a Wordpress site address in an app
angular angular13 cordova cordova-plugin deeplink ionic ionic-academy ionic-angular
Last synced: 29 Apr 2026
https://github.com/andrewjbateman/mevn-stack-data
:clipboard: MEVN Info & Full stack MEVN app with CRUD functions
data database express expressjs full-stack info mevn mevn-stack middleware mongodb mongodb-atlas nodejs typescript vue vue3 vue3-typescript
Last synced: 07 Apr 2026
https://github.com/andrewjbateman/ionic-angular-explorer
:clipboard: Ionic app that has a file explorer - tutorial code from Simon Grimm of the Ionic Academy
angular angular13 cordova cordova-plugin file-system html5 ionic ionic6 scss tutorial-code typescript4
Last synced: 11 Apr 2026
https://github.com/andrewjbateman/ionic-angular-swipetabs
:clipboard: Ionic tutorial app from Simon Grimm of the Ionic Academy
angular angular13 html5 ionic ionic-academy ionic-swipeable-tabs ionic6 scss-styles swipeable-tabs-navigation tutorial-code typescript4
Last synced: 19 Apr 2026
https://github.com/andrewjbateman/javascript-scroll-navbar
:clipboard: Uses css to add a class to change the nav bar when the user scrolls up. Wes Bos Javascript30 tutorial 24
css3 html5 javascript30 tutorial-code
Last synced: 01 May 2026
https://github.com/andrewjbateman/node-mongodb-zod
:clipboard: Node.js app
express expressjs mongodb mongodb-atlas mongoose nodejs typescript zod
Last synced: 09 Apr 2026
https://github.com/andrewjbateman/ionic-angular-photostore
:clipboard: App to take, store and display photos using the Angular 8 and Ionic 5 frameworks.
angular8 cordova-camera html5 ionic5 repair scss-styles sqlite-database
Last synced: 21 Jun 2025
https://github.com/andrewjbateman/next-graphql-prisma
:clipboard: A Next.js React app using Apollo GraphQL to get data from a Prism database.
graphql graphql-client incomplete nextjs prisma
Last synced: 17 Apr 2026
https://github.com/andrewjbateman/angular-graphql-api
:clipboard: Frontend: Angular used with GraphQL and Apollo Client to view the backend Engineering Parts data set Backend: Node.js + GraphQL used with Apollo Server and GraphQL schema to execute queries on a data set
apollo apollo-server database graphql node nodejs resolvers schema uuid uuid-generator
Last synced: 18 Apr 2026
https://github.com/andrewjbateman/rxjs-learn
:clipboard: Practise using Reactive X with javascript (RxJS) without using a framework such as angular. Webpack is used to bundle this javascript application, requiring a webpack.config.js file with boilerplate code.
observables operators reactivex rxjs streams subjects subscriptions visual-studio-code vscode webpack webpack5
Last synced: 16 Apr 2026
https://github.com/andrewjbateman/ionic-api-techdata
:clipboard: Displays a reactive form with controls defined in a JSON file. Code from Josh Morony.
angular angular16 capacitor html5 ionic ionic7 json-data reactive-forms scss-framework
Last synced: 18 Apr 2026
https://github.com/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.
angular10 bootstrap directive forms-authentication html5 typescript
Last synced: 29 Jun 2025
https://github.com/andrewjbateman/ionic-angular-firebase
:clipboard: Ionic app to perform Create Read Update & Delete (CRUD) operations on a Google Cloud Firestore database.
angular angular15 crud crud-application database firebase firebase-database ionic ionic6 pwa rxjs rxjs7
Last synced: 04 Feb 2026
https://github.com/andrewjbateman/ionic-angular-btmdrawer
:clipboard: Ionic Angular app to display a sliding drawer pulled from the bottom of the screen using gestures
angular angular16 drawer drawer-opening gestures gestures-motions ionic ionic7 tutorial-code typescript
Last synced: 21 Apr 2026
https://github.com/andrewjbateman/angular-firebase-access
:clipboard: Angular with Firebase backend for CRUD operations on blog posts
angular angular-material angular17 firebase firebase-auth firebase-database firebase-functions firebase9 html5 rxjs rxjs7 scss
Last synced: 18 Apr 2026
https://github.com/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.
angular15 captures-images css3 html5 mediastream photos video-capture webcam
Last synced: 07 May 2025
https://github.com/andrewjbateman/angular-rxjs-api
:clipboard: Angular app to fetch Wikipedia API data and display it on cards using asynchronous reactive programming observables
angular angular16 api-rest html5 javascript json-api rxjs scss tailwindcss tailwindcss-v3 typescript typescript4 wikipedia
Last synced: 05 Apr 2026
https://github.com/andrewjbateman/javafx-observables-tasks
:clipboard: JavaFX using observables and threads
fxml fxml-viewer java javafx observablelist tutorial-code
Last synced: 16 May 2026
https://github.com/andrewjbateman/node-file-upload
:clipboard: Upload files from Angular and React front-ends using Node.js
angular angular16 backend busboy-upload express expressjs frontend frontends ionic ionic-angular ionic-react multer node-middleware nodejs react tutorial-code
Last synced: 14 Apr 2026
https://github.com/andrewjbateman/angular-firebase-functions
:clipboard: Angular with Firebase Functions and express to access Cloud Firestore realtime database
angular angular15 express4 expressjs firebase firebase-database firebase-functions firebase9 realtime-database
Last synced: 06 Apr 2026
https://github.com/andrewjbateman/astro-tailwind-site
Astro framework used with Tailwind styling to create SEO and Pagespeed-optimised website
Last synced: 03 Nov 2025
https://github.com/andrewjbateman/next-postgres-wundergraph
:clipboard: Next.js and Wundergraph used to employ GraphQL at build time
nextjs postgresql tutorial-code wundergraph
Last synced: 18 Apr 2026
https://github.com/andrewjbateman/angular-akita-firebase
:clipboard: CRUD app using Akita state management to access Firebase data
akita angular angular15 datorama firebase firebase-database firebase-realtime-database firebase9 rxjs rxjs7
Last synced: 18 Apr 2026
https://github.com/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.
angular angular13 asynchronous-functions css hero heroes html in-memory-storage injec observablearray rxjs rxjs7 tutorial typescript
Last synced: 19 Apr 2026
https://github.com/andrewjbateman/ionic-angular-slidedrawer
:clipboard: Tutorial app that uses a slide drawer component to try out Ionic gestures. Tutorial code from Josh Morony
angular angular16 gestures ionic ionic-angular ionic-gestures josh-morony slide-drawer tutorial-code
Last synced: 13 Apr 2026
https://github.com/andrewjbateman/javascript-machine-learning
:clipboard: Notepad to create code for machine learning
html javascript lodash lodashjs machine-learning-algorithms semantic-ui
Last synced: 03 Nov 2025
https://github.com/andrewjbateman/angular-pwa-game
:clipboard: Angular Progressive Web App, Tutorial code from Fireship.io
angular angular16 api css firebase fireship html nebula pwa tictactoe-game typescript
Last synced: 13 Apr 2026