PROJECTS
Trident
Guild Tool
Trident is a web application made in ASP.NET using MVC architectural design patterns and Entity Framework 6 (SQL) for database interactions. The front end is done using a mix of Bootstrap and vanilla CSS. The goal of Trident is to help organize guild activities in the mobile game: "King's Raid". It does this by allowing the creation of guild members, characters and teams. Personally, I plan to use this site to manage my guild and continue to improve both the website and the guild. To view this site, click the button below!
Tollo
Fitness Application
Tollo is a web application made in PHP using MySQL for database interactions. The front-end is designed using custom CSS and some Bootstrap. The goal of Tollo is to allow users to keep track of their fitness. It does this by allowing users to register an account and then have access to features such as: logging exercises, workouts, goals, measurements and keeping a diary. This tool is for anybody looking to get fit or stay fit. To view this site, click the button below!
Esports Lounge
Esports Tracker Application
Esports Lounge (ESL) is a web application made in PHP using MySQL for database interactions. It is an application made for people who love watching popular games such as Counter-Strike: Global Offensive being played competitively. The goal of ESL is to allow users to view both past and upcoming matches and details about them. It does this by incorporating three APIs. PandaScore is the API used to get match info and player info, Twitch is used to show a livestream of the game and lastly Reddit is used to find additional community information about the match. To view this site, click the button below!
Wild Coinflip
Probability Game
Wild Coinflip is a web game made using node.js for server interactions with express.js as it's framework. This is made to be a multiplayer game through the help of socket.io for client server communication. Other languages the application uses are HTML, CSS and JavaScript. The website is currently hosted on heroku. To view this site, click the button below. To play, click on a coin side and then hit the play button! Be sure to get a friend to play against you though or it won't work.
XML Chatroom
XML/PHP Powered Chatroom
XML Chatroom is an online chat application made in HTML and CSS with the help of XML and PHP for functionality. This application also uses Ajax to stop the page from reloading when sending a message as well as some jQuery. XML stores the registered users as well as the chat messages. PHP sessions are used for communicating between pages and Google API is used for logging in with a Gmail account. It is also styled using the front end framework MaterializeCSS. Click on the button below to check it out!
Portfolio Website
Online Portfolio
This is a website made using HTML, CSS and JavaScript to show my various web development related projects. I wanted to keep this as vanilla as possible and not use front-end frameworks as to both challenge myself and show that my front-end skills are up to par without the aid of frameworks. It is a fully responsive website that works on all device sizes. Since you are already on it, no need to click the 'Visit Website' button!
Epic Seven Armory
Game Account Profile
This is a website made using MongoDb, Express, React and Node.js. It is my first attempt in learning how to use the MERN stack and here is the result. I decided to make this website about a profile of my account on the game "Epic Seven". My main focus with this project was to learn React but in addition, the MERN stack. The table at the bottom of the project is connected to a MongoDb database that has read, write and delete functionality. It was a fun project and I genuinely enjoyed learning the new stack and creating this website. To view it click the button below.
Dinner Dash
Restaurant Finder
This is a website made using React and styled with Bootstrap. The OpenTable API is used in this project to get restaurants in a specific city. The API is the open source one and therefore does not have many restaurants in the list. Therefore, search results in the website are limited as well as information that can be displayed. The main learning outcome of this project was to learn how to work with APIs in React. Before this project, my experience working with APIs was limited strictly to PHP. To view the live website, click the button below.
Hi Spently!
Personal Introduction to Spently
This is a website made using the MERN stack (MongoDb, Express, React, Node.js). This website is a personal introduction of myself combined with information about Spently. My main focus with this project was to solidfy MERN concepts. The pricing cards at the bottom of the project are connected to a MongoDb database in which the client reads from to retrieve the information to populate the cards. All styling is done in vanilla HTML/CSS without the use of any React component libraries or frameworks. I have made the site fully responsive for view on all device sizes. The site itself is using React for front end and Node.js for it's server. Take a look at it by clicking the button below and get to know more about me!
Infinity Atmosphere
Personal Blog
This is a website made using WordPress. This website is a personal blog meant to help others in the mobile game Spiritwish as well as serve as a notebook for programming related things. My main focus with this project was to learn how to manage a WordPress website and start something cool that I've always wanted to do. I chose the name Infinity Atmosphere because the sky is so vast. You can do anything you put your mind to and this is my first step. This website uses a theme called Divi. Take a look at it by clicking the button below and get to know more about me and my hobbies!