Andrew Bateman's repositories
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)
mevn-stack-notes
:clipboard: Full-stack app using MongoDB, Express, Vue and Node.js for CRUD operations
angular-graphql-data
:clipboard: Angular app to display data from Rick and Morty API using GraphQL with Apollo.
angular-api-project
:clipboard: App using a DataService with httpClient to get json data from an external API.
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
angular-highcharts-dashboard
:clipboard: App using Angular Highcharts to display data using different chart types
mevn-stack-data
:clipboard: MEVN Info & Full stack MEVN app with CRUD functions
svelte-tailwind-ssr
:clipboard: Svelte3 with Tailwind styles used to display API data in a SSR app
angular-ngrx-tutorial
:clipboard: App that allows users to submit the name and url of a tutorial using a simple form and also to remove a tutorial, by using Ngrx/store, RxJS-powered state management.
angular-pwa-eslint
:clipboard: Progressive Web App to using AI API to find images
angular-signals-database
:clipboard: Angular app using signals to display and update data on frontend. The app is styled using Angular Materials. The data displayed is obtained from an array of objects stored in the Robots Service. Robots can be added to and deleted from the list.
node-file-upload
:clipboard: Upload files from Angular and React front-ends using Node.js
angular-data-signals
Angular app to display API data using Angular signals and standalone components.
angular-material-app
:clipboard: This app integrates Google's Material Design into an Angular app. It displays a series of coloured cards from a public API. The number of cards is limited to 10 using an rxjs filter, but there are 500 of these cards available, all with titles, numbers etc.
angular-supabase-data
:clipboard: Angular app using Supabase Postgres-based database backend to store data
angular-tailwind-converter
Currency converter using Angular with Tailwind styles
html-css-card
Minimal contact card using just HTML and CSS
html-css-grid
Single page optimised HTML site to display an image grid and achieve maximum lighthouse score
html-css-leaflet
Single page optimised HTML site to display a leaflet map and achieve maximum lighthouse score
html-css-navbar
Responsive navbar using html, css and bootstrap5 navbar with code minimised etc. for perfect lighthouse score
html-css-terracota
Single page optimised HTML site to market an estate and achieve perfect lighthouse score
html-scss-card
HTML, SCSS pro-processing of CSS styles to display simple info card with image
html-scss-carousel
HTML carousel using scss/css and vanilla javascript (no Bootstrap)
html-scss-navbar
Responsive navbar using html, css and javascript with css generated using scss pre-processor
node-cron-postgresql
:clipboard: Node.js + Express used with the node-cron module to fetch API data and interract with a Supabase (PostgreSQL) database
node-kafka-webhooks
:clipboard: Work in progress: Kafka client KafkaJS used to interract with Confluent Cloud
node-orm-postgres
:clipboard: Node.js backend using TypeORM & Typescript to create a data Entity model and perform CRUD operations on the data in a PostgreSQL database, Angular frontend with Tailwind styling to display backend data
python-udemy-tests
:clipboard: Udemy course tests with solutions
terracota-app
HTML CSS source code for holiday home rental website hosted on Google App Engine that is linked to public domain "https://www.residencialterracota.com". Vanilla Javascript used for fast initial rendering. Styled with SCSS pre-compiler for code readability. This is a Progressive Web App (PWA) for offline functionality
vue-tailwind-leaflet
:clipboard: A Vue3 app with Tailwind styles to display a Leaflet map