Danielle's Programming Experience Examples
Personal Websites and App Projects
View Wordpress Website (Card Designs)
Featured Recent Projects
Autism Social Situation Preparation Tool Website
Access the website, which is live on the internet, through this interactive frame!
A completed, front-end website that returns to the basic building blocks of HTML with Bootstrap, CSS, and JavaScript with jQuery.
It allows autistic users and their loved ones to generate a report on a customized social situation.
The report includes advice for potential stressful events that consider the individual's needs and preferences in the stress score.
This means that an individual is only given advice on how to reduce a stress factor if it is actually stressful for them.
Factors taken into consideration include:
- Individual Personality Factors: this section links to the questions in all of the other sections to generate a personalised report
- Sensory Environment (food, smells, music and sudden sounds)
- Relationships to People and Crowds (ratio of support people to other people, and the need for quiet space)
- Possible Unexpected Change (food changes, unexpected delays, travel changes and if participation is optional for unplanned events).
Visit the Website for Autism Social Situation Preparation Tool Go To Project GitHub Repository
Autism Social Situation Preparation Tool Website Sample Code
Prize Winner Quiz App
This completed app allows users to design - and then get their friend or loved on to play - a quiz to win 9 customized prizes!
This Kotlin app was created in Android Studio and includes file handling including loading and saving images, multiple activities and views, simple fade animations and makes use of the recycler view.
Please note that the video demo only demonstrates part of the functionality - as well as creating the quiz, you can also play the quiz!
When setting up the quiz:
- First, the user sets the quiz title.
- Then, they can customize the questions - including the question title, the two possible choices, which answer is correct, and an image to be displayed alongside the question.
- Next, they can customize the prizes - each prize has an image and a title.
- Finally, they set the timer - this is the time limit for the duration of the whole quiz.
When playing the quiz:
- The instructions screen will be displayed first.
- The prizes will be displayed in a loop, each one fading in and out to be replaced by the next.
- The prizes will be randomly ordered and hidden from view.
- The questions are presented and for each correct answer you can pick a prize - but you don't know what is hidden behind the generic prize gift image.
- If you have not collected all of the prizes when the timer ends, you can choose to either keep them or trade them for one final question in the hopes of winning them all. If this is incorrect, you lose them all.
Go To Project GitHub Repository
Prize Winner App Sample Kotlin Code
Main Personal Projects
Seafront Entertainment Complex - Activity Booking Website
A website I am building using React, NodeJS (Express) and MySQL which allows users to book ice skating, bowling, the cinema, or the theatre. This project is currently in progress. So far, I have implemented the following features:
- Register and Login/Logout
- View a list of available ice skating sessions or bowling bookings for the selected date
- Select the number of adults and children attending: the website checks against the number of available slots and will not allow you to make a booking with more people attending than slots left
- Customise ice skating session or bowling bookings with optional pre-ordered snacks.
- For bowling, specify the number of games and whether the rails are up.
- Add to basket either logged in or as a guest
- Once logged in, confirm all bookings in your basket
- Remove bookings from the basket
- Cancel confirmed bookings
I have also begun to implement the cinema bookings to show a visual seating plan which accesses the database to display available seats, with a different price for premium seats to standard seats.
I have structured the code so that it becomes easier to implement new activities - all activities share basic booking functionality.
Go To Project GitHub Repository
Activity Booking Website Sample Code
Story Creator
A PC-based tool I created in Unity using C Sharp, for my sibling to visually create stories using props, sprites (transparent images of characters) and add their voices by recording audio. The background can be changed each frame, characters can be rotated, scaled or made to slide across the screen, and each project can be saved and loaded. This involved using JSON to store and retrieve rotation, scale, position and sprite/prop images indexes.
Go To Project GitHub Repository
Story Creator Sample Code
Smaller Personal Projects
Family Hub - Family Social Group Website
Family Hub is an experimental, group-based social media wesbite for families. I used PHP and SQLite with Laravel and Vue in order to develop my skills in these frameworks. It includes the following features (login and register are built-in with laravel):
- Create a new Family Group (the user automatically becomes the Admin of the group)
- Delete the entire Family Group (as an Admin) or leave it (as a regular Joined user)
- Search all Family Groups
- Request to join a Family Group from the search results
- Approve or deny requests to join Family Groups for which you are the admin.
It is based on the concept that families often live in separate villages, towns or cities, and it may be useful to create multiple Family Groups to communicate to specific groups quickly, for example, in order to arrange a meetup.
Go To Project GitHub Repository
'How Well Do You Know Each Other' Holiday Game App
I created a 4 player, 2 team Android tablet game in Unity using C Sharp. It was for my family in the lead-up to a special holiday. The game saves automatically after each question. The game was played follows:
- It was split into 3 rounds. Each round displayed a series of images in 'Setup Mode' for each player, then in 'Quiz Mode' for each player.
- During Setup Mode, each player taps a facial expression image to rate their excitement for the upcoming holiday activity - their teammate should not look! In the photo, the activity was watching the Disney fireworks.
- During Quiz Mode, each player guesses how their teammate rated their excitement for the activity.
- Close answers (one out) scored 5 points for their team, while exact answers scored 10 points. The team with the most points at the end of the game wins.
The Sims 4 Mod Generator Tool (Experimental)
I implemented a section of my Mod Generator (for my own personal use) in C Sharp, using Windows Forms in Visual Studio. It took user input (for example, what text do you want to display in-game here, select an icon to be used, etcetera). It then generated XML tuning files based on that input which can immediately be packaged and loaded into the game.
