Steven Zambito

Battle Archives

See it live

Battle Archives

See the code

GitHub

Summary

Battle Archives is a full-stack application built for fans of the Star Wars franchise to create, read, update, and delete various battles of their choosing within the universe. The current prototype offers several features: creating a battle, editing and deleting that battle, as well as the ability to post comments. Users can also search for battles by the battle name as well as sort the battles by date or alphabetically by name.

I utilized Auth0 for user authentication, and offered the ability for users to sign up and log in with their email and password they created. Battle Archives takes and stores the users' profile picture (uploaded during the Sign Up process) and full name, displaying that information automatically in the header when signed in.

Users can enjoy Battle Archives without an account by viewing the battles that others create, however in order to create a battle, edit or delete that battle, or make or delete a comment, a user must create and sign in to their account.

When creating a battle, users can input textual data as well as an image pertaining to the battle they are creating. Users can add and remove combatants to a list as well as select which era the battle took place via radio buttons.

Technologies Used

HTML, CSS, JavaScript, React, Axios, .NET Core, Entity Framework Core, and PostgreSQL

Close Project

Rock Paper Sabers

See it live

Rock Paper Sabers

See the code

GitHub

Summary

This project was my first experience coding a web app with JavaScript. The overall goal was to create an interactive Rock-Paper-Scissors game in which the user plays against the computer. I'm proud of the many JavaScript, CSS, and HTML tasks that I've completed in order to successfully have this game up and running.

Some specifications that were implemented into the development of this game involved the use of the :hover CSS pseudo-class and classList.add() to style the buttons. In addition, I also used Math.floor() and Math.random() to select a random value from an array--in this case, the computer choice. This was my first time using those functions. Overall, my experience with building this app was very positive. I learned a lot about JavaScript and its ability to intertwine rather seamlessly with both HTML and CSS and in the end I was able to create what I would hope to be an engaging and cohesive user experience.

Technologies Used

HTML, CSS, and JavaScript

Close Project

Minesweeper

See it live

Minesweeper

See the code

GitHub

Summary

For this assignment, I communicated with a back-end API server to create the user-interface for a Minesweeper clone. Some of the objectives for this assignment consisted of being able to understand how state drives changes to an interface in React, responding to user events, using React lifecycle methods, and more.

Technologies Used

HTML, CSS, JavaScript, React, and Axios

Close Project

Tamagotchi

See it live

Tamagotchi

See the code

GitHub

Summary

For this assignment I built a front-end for an existing API I created. This app's front-end functionality includes the four parts of a web app: create, read, update, and delete. Some of the objectives for this assignment consisted of being able to implement useState, useEffect, and React Router.

Technologies Used

HTML, CSS, JavaScript, React, and Axios

Close Project

Color Picker

See it live

Color Picker

See the code

GitHub

Summary

For this assignment, I created an HSL(a) color picker with React, using React Hooks. Some of the objectives for this assignment consisted of responding to user events in React, Using hooks in react to drive changes to a user interface, Using props to drive inline styles to dynamically update the appearance of DOM elements, and more.

Technologies Used

HTML, CSS, JavaScript, and React

Close Project

Code Wars

See my profile

Code Wars

See the algorithms

GitHub

Summary

During my time at Suncoast Developers Guild and after, I solved an abundance of algorithm scripting challenges in both C# and JavaScript. These Code Wars have been crucial in my development as a Software Developer. Not only have they allowed me to practice using various methods and means of solving a given problem, but these challenges have also shaped my ability to think both critically and analytically.

Close Window