SLACK CLONE WEB APPLICATION

Created with:

ReactJS, Google User Authentication, Material-UI, React Context API, React Router, Firebase Real-time Database, CSS Variables, Flexbox

Firebase + Context API for Google User Authentication to render the following:
User Name, Profile Image, Messages, Icons, Channels with Add Feature dynamically

CSS3 + Flexbox were used for responsive design, styling Material-UI icons, sidebar hover effects, smooth hidden vertical scrolling, accurate Slack sizing & colors with CSS variables, messaging & chatbox, and overall clean UI/UX Design.

React Hooks such as UseParams, UseHistory, UseStateValue, useState, useEffect allowed for Loose Coupling, Re-usability, Readability, and Code Optimization for Fast Rendering.

Hosted at: Bobby's Slack Clone | Github: Slack SRC Files

SPOTIFY CLONE WEB APPLICATION

Created with:

REACTJS, MATERIAL-UI, REACT CONTEXT API, SPOTIFY API, FIREBASE

Spotify API + React Context API for Spotify User Authentication and Rendering:
User name, user profile pictures, user songs and playlists dynamically

Material UI was utilized for every icon. CSS and Flexbox were used for Responsive Design, styling the Material-UI, search bar, hover effects, smooth vertical scrolling, accurate color, sizing, and theme.

Hosted at: Bobby's Spotify Clone | Github: Spotify SRC Files

Big Bank

Developed with Full Stack Development tools:

ReactJS, ExpressJS, NodeJS, HTML5, CSS3, PostgreSQL, Heroku, Selenium

SJSU Software Engineering: Applied Full Stack Development principles for team-based software development, including design documentation, Agile Engineering Methodology, and use of web development technologies to build a web-based banking application with emphasis in reusable components and infrastructures.

Hosted at: Big Bank | Github: Front End & Back End | User Guide | Architecture Diagrams

Netflix Clone Web Application

Created with Front End Development tools:

REACTJS, REST API, AXIOS LIBRARY, AND FIREBASE

Implemented API's from TMDB to load data such as images/descriptions into custom rows. React Functional Components and React Hooks allowed for Re-usability, Data Redundancy, efficient readability, and code optimization for fast rendering. React-Youtube was applied on mouseclick for movie previews. CSS was used for Netflix buttons, poster hovering, fading banner, horizontal scroll, & overall theme.

Hosted at: Bobby's Netflix Clone | Github: Netflix SRC Files

Vintage 2D Shooter Game

Utilizing C++ language, this game leverages the Object-Oriented and graphics capabilities of OpenFrameworks to apply Particle Physics, 2D game graphics, Rudimentary Collision Detection, custom sprites from Adobe Photoshop, accurate sound effects, and basic animation.

SJSU Computer Game Design & Programming: Learned Architectures and Object-Oriented patterns for computer game designs such as:

Vector Physics, Animation, Simulation, UI/UX, Graphic Deisgn, Intelligent Behaviors

Github: Shooter Game

Fridge Simulator

Utilizing Java, I applied the four pillars of Object-Oriented Programming:

Abstraction, Polymorphism, Inhertiance, and Encapsulation (view Powerpoint)

This application deploys the use of Design Patterns (Behavioral, Structural, Creational), Interfaces, Use Cases, UML Diagrams, Sequence Diagrams, State Diagrams, Overriding, File Handling, Concurrency, Serialization, and Unit Tests.

SJSU Object Oriented Programming: Implementation of classes and interfaces, Design patterns, Generics and reflection, Exception handling, Concurrent programming, and Graphical UI.

Github: Fridge App | Code Snapshots and Diagrams