Technologies used:

• React
• Material UI
• Express JS
• Node
• mySQL
• Axios
• SocketIO
• React Syntax Highlighter

Click here to see the project in action

Technologies used:

• Wix content management system
• ServiceOS Booking management system

Click here to see the project in action

Technologies used:

• React
• React three fibre
• Node
• WebGL

Click here to see the project in action

Technologies used:

• WordPress content management system

Click here to see the project in action

Technologies used:

• WordPress Content Management System

Click here to see the project in action

Technologies used:

• React
• JavaScript
• HTML5
• CSS3

Click here to see this project in action

A Creative Approach to Social Media.

It was always a small dream of mine when starting out as a Web Developer to one day have the skills to develop my own social media platform. Not a social media platform as they currently are, but a platform that is built more around interests and hobbies rather than a large group of people just sharing memes or arguing. I wanted to create an environment that was thought provoking and encouraged people to both act on and grow their creativity. From these ideas, I built myCircle as part of my Distributed Systems module for Falmouth University. The platform has all of the features you would typically expect a social media site to have from adding and updating profile pictures to adding, removing and editing the different feeds or ‘Circles’ that you follow, helping the content you see to always be relevant and where you want to see it. I had an amazing time developing the platform and was very proud to have built something that felt like such a giant on my own, I was really feeling the self development on this one!

Technologies used:

• React
• Material UI
• mySQL
• Node
• Express
• JavaScript
• HTML5
• CSS3

The accompanying paper wrote for it is below..

Or check myCircle out here

Daniel T. Daley

ABSTRACT

myCircle is the concept and prototype of a social media platform built around peoples interests and hobbies as opposed to lifestyle sharing[1] and content reposting. Many current platforms of social media do not offer much space for individuality or customisation of the content that users see from friends or people that they follow or are friends with (beyond unfriending or unfollowing them), as well as customisation of the small amount of space users are given on such platforms. As social media and the online presence of individuals is very important in modern times[2], I will be looking to make my platform a more customisable approach to social media in regards to the content that users choose to see.

INTRODUCTION

On current iterations of social media platforms, there are typically not many ways to filter content (if such functionality is in place at all), which can render much of the content feed irrelevant. Some platforms offer groups where communities can be formed but it is most often the case that the majority of the group are not actually people within your friends list, which can once again deem the content irrelevant. On platforms such as Facebook, pages exist in which users can ‘Like’ to follow as a means to keep up with certain interests, but the fellow users within this space are not exclusively part of the users friends list. In a similar fashion users can search for particular ‘hash-tags’ on Instagram and although the user will be presented with any and all posts containing that particular tag, it is posts from the whole community that the user will be presented with, not just those that the user has chosen to be friends or affiliate with. With myCircle, users will be able to manage their content feeds by adding or removing interest circles. These will act as filtered feeds in which they would only be presented with posts relating directly to that field of interest, or all posts from friends that are part of that circle, the user will have the choice between a strict or more social circle setting. Upon posting into such circles, users will also have the option to strictly post into that circle, keeping that post away from users who do not follow such circles and preventing said post from being visible on people general feed, where the majority of posts from all friends will be available. This will give users more control over the full reach of the content they post themselves and offer an added layer of privacy to their social media experience.

BACKGROUND RESEARCH

Many studies towards the effects of social media on mental health have been conducted and it is generally common knowledge that there are both positive and negative impacts to consider when you are a user of such platforms[3]. The aim with myCircle is to get users to engage more with their hobbies and interests and create posts around such things, in contrast to a comparative lifestyle approach that is quite often seen on social media that has been seen and noted to have adverse effects on mental health leading to such things as depression and low self-esteem. “The frustration of logging into an OSN and being flooded with friends’ notifications showing perfect happiness and flawless lives. Seeing that others are seemingly better off than oneself is aversive for most people” [1]. A social media platform built around interests and hobbies could have a positive impact on mental health of individuals of all ages [2]. “Nowadays social media has become a new set of cool tools for involving young people. Many young people’s day to day life are woven by the social media. Youngsters are in conversation and communication with their friends and groups, by using different media and devices every day” [3]. myCircle is a social media platform built around the idea of bringing friends, both real-life and online, closer together through shared interests and hobbies.

TIMELINE

With a development time to provide a minimum viable product being around the five-week mark, time available was split into main focus points for each week or sprint and was to follow an Agile methodology [4] of implementation and refinement. Week one focused on front end UI (user interface) development, week two aimed for server and routing functionality leaving weeks three and four for database architecture/implementation and further refinements respectively. As development progressed passed week one, which remained front end and user interface focused, the main focus of the following weeks became a little more blended as certain database functionality required extra front-end components or vice-versa in order to fully test those certain aspects were working properly.

SYSTEM

The front-end system is built using React.js alongside the Material-UI React library for stylings. React, developed by Facebook, with its use of states and how the technology handles user sessions and cookies make this a great fit for this project. Initially I had my reservations towards using this technology, having never really developed something with it on my own, but soon found my feet with it and can gladly say I will be using it for projects going forward. The back end is developed with Node.JS, Express for server functionality, Multer for media upload handling and Crypto for sensitive data hashing. MySQL is used for the data storage solution for this system, chosen based on its capabilities to use data tables relationally and securely. Initially I forecasted requirements for a database with two tables, Users and Posts (see figure 1). This was loosely based off of a previous project I had been working on, which was a form of blogging platform in which post creation along with image uploading was functional and seemed like a viable starter template to build this projects storage solution on top of. As development continued the database structure grew vastly, I’ll not post the full architecture here to preserve system integrity.

FUTURE DIRECTION

Given more time, some things that I would have loved the chance to build into the platform is profile customisation in order to give users the option to be able to change the layout of their user profiles and change the colour schemes of the user interface that they are presented with upon login. The chat system which currently updates the state of the chat window and posts to the database would be replaced with web sockets for a less server heavy approach to the chat system. This method would be much more efficient and leverage more advanced web features, but with the time constraints the system in place works reasonably well for a functioning prototype. As it stands, the platform in its current state does not offer responsiveness in terms of scaling the user interface into a more mobile friendly version. As the majority of today’s social media users tend to use their preferred platforms from their mobile devices, this will be an important step to implement. The only data currently hashed in the database is users’ passwords. As other user data such as names and email addresses are still considered sensitive, added functionality to hash said data will be another important step towards safeguarding user information that is required for the platform to function properly. I would also conduct some research to see if this approach to social media would tempt people to engage more with their hobbies and interests and conduct said research in a similar fashion to Rahman, M.M [5]

CONCLUSION

With a social media platform centred around interests and hobbies, I feel that users could feel more inclined to engage in these activities in a social environment, bringing about a new medium to share and collaborate with new and existing friends from both the online and real world. This platform could take the focus away from the comparative lifestyle approach to social media, which has been seen to contribute towards detrimental mental health habits [1][3], and more towards creativity and engaging in creative activities and perhaps even aid in learning new skills and giving users a new space to pick up new interests.

References

[1] Appel, Helmut; Crusius, Jan; Gerlach, Alexander L. (2015). Social Comparison, Envy, and Depression on Facebook: A Study Looking at the Effects of High Comparison Standards on Depressed Individuals. Journal of Social and Clinical Psychology, 34(4), pp.278. [2] Iwasa, H., Yoshida, Y., Kai, I., Suzuki, T., Kim, H. and Yoshida, H., 2012. Leisure activities and cognitive function in elderly community-dwelling individuals in Japan: a 5-year prospective cohort study. Journal of psychosomatic research, 72(2), pp.159-164. [3] Siddiqui, S. and Singh, T., 2016. Social media its impact with positive and negative aspects. International journal of computer applications technology and research, 5(2), pp.71-75. http://www.ijcat.com/archives/volume5/issue2/ijcatr05021006.pdf [4] Everything you need to know about agile project management. (Accessed 30/03.2022) https://www.teamwork.com/project-management-guide/agile-project-management/ [5] Rahman, M.M., Saifuzzaman, M., Ahmed, A., Mahin, M.F. and Shetu, S.F., 2021. Impact of COVID-19 on mental health: A quantitative analysis of anxiety and depression based on regular life and internet use. Current Research in Behavioral Sciences, 2, pp.100037.

Getting well enough ahead on my university work left me with a good amount of time to build version 3 of my portfolio website. After learning the WordPress content management system and having a reasonable amount of fun with PHP, everything is working better than ever and creating new posts has never been easier! With that out of the way I’ve already been thinking about getting some user registration involved so users will be able to comment on future posts and lots of cool things that. Stay tuned!

UPDATED

So sure enough, not long after I rebuilt the site to use WordPress, I started to build somewhat of my own content management system (just to see if I could pull it off on my own). So that is what I used as a main focus for my university semester. I custom build my own system using Handlbars JS, HTML, CSS and JavaScript on a Node.JS backend. I even managed to get a little WEBGL in there as well to get some 3d animations rendering on the fly (learned from my “Mathematics for 3d space and simulations” module). The platform has full login capabilities where new blog posts can be written, updated and deleted, user profiles can be customised and posts can also be pinned to the top of your profile that support HTML embedding, perfect for that SoundCloud link

Technologies used:

• WordPress
• HandleBars JS
• HTML5
• CSS3
• JavaScript
• Node
• Express
• mySQL
• XML

Click here to see this project in action

Being a massive Final Fantasy fan, upon the release of FFVII:Remake I felt it was 100% necessary to make it the theme of my responsive web design submission for FreeCodeCamp. I particularly enjoyed making a theme with a darker appeal, and using that very FF7 Mako green.

Technologies used:

• HTML5
• CSS3
• JavaScript

Click here to see this project in action

Unshore was a great game to work on for my first project in Falmouth University’s Games Academy. Taking the role of UI Programmer was a great chance to to have some some fun in the Unity game engine whilst being part of a multifaceted team. The theme we were given was Cornwall and “a famous dead person”, we figured that a dark horror styled game of chasing evil piskies around the island of Saint Michael’s Mount while being hunted by King Arthur’s ghost was pretty bang on.

Technologies used:

• C#
• Unity Game Engine

Click here to see this project in action