Interactive Web Game Version of Code Names
Stephanie worked collaboratively with four other students to create a web version of the card game Codenames. She brainstormed ideas on how to create Codenames into a fully functional web game with an intuitive UI. She researched and analyzed different programming languages, libraries, and frameworks before deciding on using React, HTML, CSS, JavaScript, Python, Django, and MySQL. With her team, she designed wireframes using Figma and presented the concept as well as their plan for how the web game would look and function to the class and professor.
Using the wireframes, HTML, and CSS she worked on a mockup of the web application. She used this mockup as a skeleton for adding functionality with JavaScript to the game. She created routes for different pages of the web application and developed the different components for each page. Her main responsibility was working on the frontend; however, she helped her teammates during live coding sessions to condense code and improve user experience. She communicated with the backend developers to understand Django and how the backend was working. She worked on having the frontend communicating with the backend and detected and debugged the functionality of the web game. Throughout the semester the team prepared, planned, and presented three presentations to explain the product, show the minimum viable product, and show the final web game.
Documentation
Stephanie worked collaboratively with three other students to create a virtual reality application that was focused on mental health. Her team knew that taking care of one’s mental health is a very important aspect in an individual's well-being. The course was being taken remotely during the global pandemic and the team knew that this induced high levels of anxiety.
For this reason, they decided that the VR application they would create would focus on helping people reduce their level of anxiety by taking them from their stressful environment to a more relaxing one. Each person on the team had to create one scene of the application that focused on a different task that would help a person alleviate their stress. The tasks within the theme of a Meditation Garden were organized into four zones – breathing exercises, animal petting zoo, food planting, and sand garden – allowing the user to choose which tasks/setting suits their current mood or preference.
Stephanie did her research online and by asking around and found that breathing techniques where a stress reliever people used a lot. She furthered her research by looking into different breathing techniques and found that the 4-7-8 breathing technique was the most effective. She designed the environment keeping in mind that she wanted to create a peaceful space. She used C# to code for the countdown timer and for other actions that would take place during the user’s experience. She deployed it locally onto her iPhone for testing purposes. She presented her application throughout increments of the development process and was in constant communication with her team.
Stephanie worked with a team of four other women to develop a MEAN stack web application to help visualize Kargo's Brand Safety Service of a URL. With the help of two mentors and other employees of the company she was able to understand and apply knowledge to the web application. She gained exposure to Agile while using scrum tools to plan and track tasks during the development process. She worked in pairs to complete sprints.
Lorem ipsum dolor sit amet consectetur.
Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
Lorem ipsum dolor sit amet consectetur.
Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
Lorem ipsum dolor sit amet consectetur.
Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!