Projects

TrailTalk Image
Full-stack

TrailTalk

Frontend:

JavaScript

React

TailwindCSS

MaterialTailwind

FirebaseAuth

Cloudinary

Backend:

Node.js

PostgreSQL

express.js

TrailTalk is a Reddit-style social media and blogging platform tailored for hikers to connect and stay informed about relevant news. The platform offers a smooth authentication login experience, a user-friendly drag-and-drop feature for uploading images, and a feature-rich text editor for creating articles with custom styling. Users can upload, view, and comment on posts, vote on posts and comments, and sort posts by topic or organize them by date, votes, and the number of comments.

Peace of Mind Image
Full-stack

Peace of Mind

Frontend:

JavaScript

React

Redux

FirebaseAuth

TailwindCSS

Backend:

Node.js

express.js

MongoDB

Peace of Mind connects the families of geriatric patients with their caregivers, providing a shared space to plan tasks such as medication, hygiene, meals, and medical appointments. Caregivers record the completion of tasks and leave notes on activities, giving families insight into the well-being of their loved ones.

TravelSync Image
Full-stack

TravelSync

Frontend:

React

HTML

CSS

Mapbox

Backend:

Python

FastAPI

MySql

SQLAlchemy

Firebase

GooglePlaces

A web application that facilitates collaborative planning of group itineraries. With features such as map-based location searches, an interactive itinerary list, document storage, and details about locations.

French Language Application Image
Full-stack

French Language Application

Frontend:

Next.js

TailwindCSS

Axios

Backend:

MongoDB

This simple application serves as a vocabulary storage tool to remember new French nouns and verbs. It includes features such as search, verb conjugation tables, and tables of gendered prepositions.

Solving the N-Puzzle with Deep Reinforcement Learning Image
Thesis

Solving the N-Puzzle with Deep Reinforcement Learning

Backend:

Python

TensorFlow

NumPy

My MSc Computer Science thesis used Python and TensorFlow to create a deep reinforcement learning model that learns to solve the N-Puzzle.

This portfolio

Frontend:

Next.js

next-intl

TailwindCSS

This portfolio was originally built using vanilla HTML, CSS, and JavaScript. As my skills evolved, I decided to rebuild it with Next.js to fully leverage its optimisations, including Server-Side Rendering (SSR) and static rendering, both of which significantly enhance performance.

To further expand its reach, I integrated next-intl to create an internationalised site that supports both English and French, ensuring a seamless experience for users in both languages.

Image Link to Old Portfolio

Click to view the old portfolio

© 2024 Dudley Spence. All rights reserved.