GithubHelp home page GithubHelp logo

Hi 👋, I have been fitting my programming into every spare moment for many years. Before I worked for 20 years as an Electronic/Electrical Engineer in the UK, Spain & Norway (including Hammerfest, the world's Northermost town).

  • Currently working on many javascript-based projects using a range of frameworks, particularly Angular and I just discovered Nx monorepos
  • Learning Java & Python
  • Looking to collaborate on a charity-based project in English, Spanish or French using my programming/engineering knowledge

Linkedin Badge Gmail Badge portfolio

* Languages

Typescript JavaScript HTML5 CSS3 Java

* Frameworks/Mobile

Angular React Vue Ionic Next.JS Node.JS Express.JS Bootstrap JQuery TailwindCSS SASS Material-UI Python Flask Django Spring GraphQL Postman Redux Cordova

* Databases:

PostgreSQL MySQL MongoDB SQLite

* Cloud:

Google Cloud Firebase Heroku

* IDEs

Visual Studio Code IntellijIdea Glitch

⚡ GitHub Stats Andrew's GitHub Stats
⚡ Most Used Languages Andrew's GitHub Top Languages

Andrew Bateman's Projects

javascript-link-following icon javascript-link-following

:clipboard: Code to highlight anchor tags as they are scrolled over. Tutorial 22 of Web Bos Javascript30 series.

javascript-load-csvfile icon javascript-load-csvfile

:clipboard: Code to learn to load a CSV file and manipulate its data. This is part of a Udemy Machine Learning course. The aim of the course is to understand the mathematics and programming techniques that are used in the most common Machine Learning algorithms.

javascript-local-storage icon javascript-local-storage

:clipboard: Exercise to understand how local storage works in storing item settings, From Wes Bos Javascript30 Youtube series, tutorial 15.

javascript-mousemove-shadow icon javascript-mousemove-shadow

:clipboard: Javascript30 tutorial 16 from Wes Bos. Javascript code to move shadown around text when mouse is moved.

javascript-scroll-navbar icon 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

javascript-webcam icon javascript-webcam

:clipboard: integrate webcam into javascript app, using a server to host the webcam. Manipulate images using image-js

javascript-whackamole-game icon javascript-whackamole-game

:clipboard: Creates famous whackamole game using javascript. Final tutorial 30 of Wes Bos Javascript30 Youtube series

mean-graphql-crud icon mean-graphql-crud

:clipboard: Full-stack MEAN app with Create, Read, Update & Delete functionality.

mean-stack-app icon mean-stack-app

:clipboard: App using an Angular frontend to Create, Read, Update & Delete (CRUD) data from a Node.js backend server database.

mean-task-manager icon mean-task-manager

:clipboard: MEAN - MongoDB, Express, Angular & Node.js full-stack tutorial app to manage tasks.

meen-stack-articles icon 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.

mehn-stack-published icon mehn-stack-published

:clipboard: This app displays publications for multiple authors in Bootstrap cards. It uses the MongoDB, Express, Handlebars & Node.js (MEHN) stack to perform Create, Read, Update and Delete (CRUD) operations.

mern-stack-data icon mern-stack-data

:clipboard: A Full-stack data display app with React frontend and Express-MongoDB-Node.js backend

mern-stack-records icon mern-stack-records

:clipboard: Mongo Express React Node (MERN) full-stack app to perform CRUD operations on records

mern-stack-tracker icon mern-stack-tracker

:clipboard: Full stack app using React as the frontend with a node.js/express/MongoDB with Mongoose backend

mevn-stack-notes icon mevn-stack-notes

:clipboard: Full-stack app using MongoDB, Express, Vue and Node.js for CRUD operations

mevn-todo-app icon mevn-todo-app

:clipboard: Simple todo dev app. Create client in Vue Webpack framework (now deprecated) and server backend using nodejs

next-api-data icon next-api-data

:clipboard: Next.js connected to a PocketBase SQL database.

next-ethereum-hardhat icon next-ethereum-hardhat

:clipboard: Hardhat dev. environment for study of Ethereum DApp and networking with Metamask crypto wallet using Next.js frontend

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.