Joe Karl Magnussen's Projects
A to do list/ schedule application that demonstrates front end React in addition to backend Laravel and MySQL.
Build Registration and Login using Models, Views and Controllers. Add registration, login, remember me, account activation, password reset by email and more using the PHP MVC framework
Built a PHP MVC Framework from Scratch. Model-view-controller (MVC) pattern concepts. Separated application code from presentation code and used namespaces and an autoloader to load classes automatically. Udemy course - Write PHP Like a Pro: Build a PHP MVC Framework From Scratch by Dave Hollingworth.
Webpack, Sass & Service Workers Configuration Exercise
An aggregate of my studies through Codecademy.
A project that demonstrates my ability to get data from a database without refreshing the browser using MySQL and PHP.
Practiced setting up Webpack, Sass styles, Webpack Loaders and Plugins, Creating layouts and page design, Service workers, in addition to Using APIs and creating requests to external urls.
Built out a travel app that obtains a desired trip location & date from the user, and displays weather and an image of the location using information obtained from external APIs.
Php OOP project that utilises php, html, MySQL & Bootstrap.
Exercised my ability to create semantic templates using a popular and lightweight templating engine, Handlebars!
A React web application that exercises my ability to create components, pass state, and action requests with the Spotify API to build an app that allows users to search the Spotify library, create a custom playlist, then save it to their Spotify account through means of a Uniform Resource Identifier.
A vanilla JavaScript driven multi-section landing page, with a dynamically updating navigational menu based on the amount of content that is added to the page.
A single-page web app that allows users to play a randomly driven game. Further denoting my ability to create a dynamic page using HTML, CSS and JavaScript.
Exercised my JavaScript and HTML5 canvas ability by developing the original, "Flappy Bird Game" from scratch.
Template landing page comprised of html, css, Vanilla JavaScript and Webpack
This project is designed to exercise my abilities in Laravel, covering routes, Controllers, creating Views, using the templating engine Blade, connecting to a database, creating migrations, Laravel's ORM (Object Relational Mapper) and Raw SQL queries, Laravel Tinker, Database: Eloquent One to One - CRUD, Database: Eloquent One to Many - CRUD, Database: Eloquent Many to Many - CRUD, Database: Eloquent Polymorphic - CRUD, Form Validation, utilising third party libraries, uploading files, middleware and security, sessions, sending emails, WYSIWYG editor, how to impliment a commenting system / Disqus, creating a BULK functionality that utilises the CRUD, in addition to how to deploy Laravel on share hosting accounts, like godaddy.
A React Native mobile application (iOS) that allows users to study collections of flashcards. The app allows users to create different categories of flashcards called "decks", add flashcards to those decks, then take quizzes on those decks.
Developed a web app that allows for the selection and categorisation of books the user has read, is reading and wants to read as an assessed project within Udacity's React Nanodegree
Developed a simple HTML page in which the PHP script is set to send the public contact form through to MySQL. Furthermore, I have sent a query to MySQL requesting a prospective return date.
Exercised my ability to manage component state so that application components can function collectively through a restaurant searching application driven by the Yelp API.
PHP with PDO - ULTIMATE Crash Course. Learn PHP Data Object Objects or PDO and make better secured database queries.
Project that exercises my ability in DOM events.
JS single-page web app that allows users to draw pixel art on a customisable canvas. Denoting my ability to create a dynamic page using HTML, CSS and JavaScript.
A simple test function in, ‘Python’ using the, ‘Unit-test’ module to implement a unit test based on the depicted short scenario of a user moving funds from, ‘Savings account’ > ‘chequing account’. In which balances are accurately reflected post transfer. Furthermore, a synopsis of this, utilised as a university project has been included.
An example of my proficiency in Python and Object-Oriented programming in which a human player can play against the programme.
Exercised my ability to develop React components to set up a simple authorization layer.
This is a slight component without any dependencies for cropping image
React Contacts App (Back-End)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent