Projects

Field Bank (https://fieldbwebsite.000webhostapp.com/)

• This website application was developed using php, mySQL and javascript and allows the user to view the bank homepage, login to two separate accounts as defined in the mySQL database using the usernames and passwords below. Once logged in you will be able to view your bank account summary, transfer and loan money. A php mySQL databse is used to store account data (money movements and movementDates) and is used to interact with and update the database given the operations performed in the application.
• Username: default_user

Password: 1234

• Username: second_user

Password: 5678

Personal Website (https://joshfieldhouse.netlify.app)

• My personal website was produced using React with a minimalist UI design and animations. The website provides an about me section where my job history and web dev skills are displayed, provides links to Github code for each of my projects on display and a contact me section. The website can quickly be updated with new projects given the modular nature of the code design and is fully accessible on all devices and sizes.

Errand App (https://errandapp.netlify.app)

• The Errand App provides a place whereby a user can add/remove/prioritise errands and be given a visual map presentation of errand locations. The Geolocation API is used to identify the user's location to center the map and Leaflet.js is used to handle clicks on the map to identify coordinates for destinations and add markers onto the map. This project was developed with the React.js framework and incorporates React hooks, react router plugin and functional components.

Microsoft.com Homepage Clone (https://microsofthpclone.netlify.app)

• This project showcases a design clone of a snapshot of the Microsoft Homepage from 2022 combined with a snapshot of the homepage from April 2023 with very slight tweaks made to accommodate responsiveness across all sizes from small mobile devices to large screens. This webpage was constructed with primarily vanilla CSS (Grid, Flexbox, animations/transitions) with vanilla Javascript for functionality. Optimised with media queries for all screen sizes.

IceT Vanilla Javascript App (https://icet-site.netlify.app)

• This application provides an ordering interface for placing an ice-cream and tea order, favouriting your orders to localStorage on the browser, and receiving an order number upon placement. This app was built using vanilla Javascript, HTML and CSS without frameworks. Optimised with media queries for all screen sizes.