This website was one of the first of my personal coding
projects which I worked on outside of a team. Built from the ground up as a totally solo
project, this was creatively a lot of fun, as I
had complete freedom over design choices and color palettes 😁
Creating a working contact form seemed like it would be
such a straightforwards task, but coding this for the first
time (there's always a first time for everything, right?)
was probably the trickiest part of this project. But that
work paid off, and it makes me very satisfied to see it now
working in both development and production environments!
Why don't you try it out yourself by clicking on "message me"
on my contact page...? The carousel modal (see below) also caused
some headaches to implement correctly and without bugs, but
again, sticking with it and working through those bugs gave
an even greater feeling to see it working as envisioned!
A mobile app for users to find others with whom
they share a music taste, allowing new friendships
to be made and with the idea for users to find friends
to attend music concerts with.
This was my final project during the Le Wagon bootcamp
I completed at the start of 2024. I was the lead developer for
this project, in a group with two other students, after
initially pitching the rough idea around half-way through
the course. In under ten days, we went from fully realising
what the features of the app would be, forming all user
stories and wireframing to presenting the working product,
in production, to a live audience.
Spotify API integrated to allow users to search and add their
favorite artists to their profiles (part of the key algorithm
to find potential matches with other users on the site). Also
links each artist's artwork as per their spotify profiles
Devise Ruby Gem for secure user sign in/sign up
Pundit Ruby Gem to ensure users can only edit their own
profiles, and not any one else's
ActiveStorage and Cloudinary for users to upload photos
to their profiles
ActiveRecord/PostgreSQL database
Redis, Web Socket and ActionCable for live chat feature
Edit any details on your profile or update your photo
Search For Artists
Find more of your liked artists to add to your profile
Artists Search Results
The first 5 relevant artists matching your search
Success!
Alert when an action has been successful
Main Swiper
Swipe through your potential matches
New Match!
Displayed when a new connection is made
View All Matches
List of all your matches - each is clickable
Chatroom
Chat with a match, visit their profile, or remove
View a Match's Profile Page
Explore a match's profile
Delete a Match
Confirm you definitely want to delete a match to prevent accidental removals!
Dogbnb
A website for dog owners to find kennels/accommodation
for their pet to stay in whilst they are away.
Prior to our final projects, we were tasked with
creating a clone Airbnb website as a mock project.
In less than five days, myself (again as lead developer)
and my two teammates went from deciding on our own
approach to the 'Airbnb' style site, through user stories
and wireframing, to presenting the completed site on
the afternoon of the fifth day. This challenge was my
introduction to working on a full project and as a team,
handling task delegation, different branches and the conflicts
which would inevitably appear. We were very ambitious as
a team, and although had hoped to add a few more features,
I am proud of what we achieved as a first teamworking
project, and in less than five days start to finish!
Technical Features:
Ruby On Rails
Embedded Ruby, HTML, SCSS, JavaScript
ActiveRecord/PostgreSQL database
ActiveStorage and Cloudinary for photo upload and attachment
Simpleform and bootstrap with further SCSS styling to tweak to design
Devise Ruby Gem for secure user sign-up/sign-in
Heroku for production hosting
Photo carousel for each item listing, both on index and show pages
Modal overlay on individual item listing page when item clicked on,
so that user can better view all attached images
JavaScript date picker and math calculation to quote total price for user when placing booking
Functional search bar feature to improve user experience
Create a new listing for your own place for others to book!
LocalMarket
After completion of my web development course, I was approached and asked if
I wanted to be involved in a new project a friend had an idea for - an online
marketplace for users to find local farmers/producers of homegrown food
products (e.g. milk, eggs, fruits, vegetables etc.), or for these farmers
to list their produce online for others to find and buy. My role in this
project was assisting with the creation and set-up of the back-end side of
the application.
Technical Features I was involved in:
Creating the ActiveRecord database/schema with associations, all models (and required
validations for each), controllers and view pages, along with their matching routes,
and ActiveStorage and Cloudinary for image upload
Installing and implementing Devise and Pundit Ruby Gems, to handle secure user
sign-in/sign-up, authentication and authorization
Creating a live-chat feature between sellers and buyers, using
Web Socket, ActionCable and JavaScript