Portfolio V.1
After using various frameworks for serverside projects and API requests, I decided to return to HTML/vanillaJS to create a simple and fast postfolio website.
With no need for a virtual DOM or huge amounts of reusable components, a more simple approach felt more applicable. No vast libraries and dependencies were required, allowing for a more direct HTML led site.
As a result the simple website has achieved 100% scores on lighthouse, is lightning fast and extremely complient. Browsers that do not support Javascript will still be able to view the full site.
E-Commerce- "Lampman"
A full, payment integrated E-commerce project, Lampman was built for an antiques restoration company with a specialisation in British lamps.
This website was created using NextJS and tailwind CSS allowing for a modular development, reducing reused code and optimising image loading. Designed to handle customer payments and requests from users, with a working shopping cart and integration with Stripe API.
The main challenge during the design process was using Stripe's API to manage the limited stock instead of using a dedicated IMS. This reduced the need for a seperate back-end and utilised the free tier of Stripe's API. After transactions the stock is now removed from the store dynamically and can be managed from Stripe's CMS by the Client.
Spotify Tool- "Spotify Stealer"
Spotify Playlist Stealer is a custom transfer tool for Spotify, created using React. After finding issues while trying to migrate accounts, I decided to create my own tool to clone playlists. The app makes use of Spotify's API, allowing users to log-in, copy playlists, search for songs and create playlists.
During the development process Spotify removed the authentication method I had began to use. This meant that a more secure method was utilised. Unfortunately it is no longer possible to request track previews with Spotify API, therefore the play functionality was removed. Upon completion the app was used to migrate many playlists from multiple accounts with ease.
API Clone- "Breadddit"
A clone of the popular forum site 'Reddit' in a novelty theme using React and Redux to manage and update the state. Modular componants that made use of a global state allowed for posts to be updated with ease.
The large variety of content shown on reddit required a well thought out method to handle all possible content. The different types of media requested with each post was sorted by type and given a suitable format dynamically.