Welcome

Hi my name is Jordan Black and welcome to my portfolio site, hopefully this serves as an adequate showcase of my skills, previous projects, and who I am as a person

Who Am I ?

My name is Jordan Black and I'm a software developer with a background in Biology. I graduated from San Francisco State University in 2012 with a B.Sc in Biology. I worked for many years in mental health before deciding to change careers by attending App Academy, a bootcamp in San Francisco, and devoting all my time to software development.

Languages:

  • Frameworks /Libraries / Other technologies:

  • Styling Languages:

  • Projects:

    Helio

    Ecommerce Clothing Web Application

    • Designed user auth and Google OAuth using Firebase resulting in easy login experience with multiple login methods.
    • Connected store to Stripe API so that transactions could be handled, ensuring a quick, secure and easy way for users to make their purchases.
    • Utilizing a filter function on the frontend I added a search page to the application so that users have another way to easily find the clothes they are looking for.
    • Implemented a persistent cart that toggles visibility of dropdown which provides a responsive, seamless user experience.
    • Styled Components using Styled Components library allowing for all styling to be locally scoped results in easy-to-manage styling overall.

    Built Using:

    React.js, Redux.js, Firebase, StripeAPI, GraphQL, SCSS

    Beaucoup

    Video Streaming Web App Influenced By Hulu

    • Utilizing AWS S3 , videos are stored in the cloud and used to seed the PostgreSQL database in order to provide fast seamless streaming of anime.
    • Implemented joins tables in rails backend for user myStuff and Genres so that anime can be added/removed from personalized user myStuff section, and anime can be browsed by Genre allowing users several different ways to find the content they want.
    • Applied BCrypt hashing function to salt and hash user login information in the backend in order to implement User Authentication across the application so that the main content of the app is only available to registered users.

    Built Using:

    React.js, Redux.js, AWS S3, PostgreSQL, CSS3, Ruby on Rails

    TriviaLand

    Multiplayer Trivia Game Influenced By Jeopardy

    • Used WebSocket API to allow multiple players to join a lobby together and play a game and thus implemented a Multiplayer version of the game where users can play each other in real time.
    • Employed Trivia API to generate the questions sorted by category that are then utilized through all the 3 rounds of the game allowing for a fresh and new questions pool each and every game.
    • Utilized MongoDB to store users game stats in database such that they can be viewed by users in-between games in their profile section which grants users more custom feedback on their performances.

    Built Using:

    MongoDB, Express.js, React.js, Node.js, CSS

    FlappyBirdJS

    FlappyBird Using Only JavaScript

    • Through a combination of save(), translate(), rotate() and restore() canvas functions, canvas successfully rotates with bird ascent/descent, recreating the feel of the original game.
    • Employed localStorage API to keep track of current high score that persists after each game ends so that the current high score is displayed to the player after every round.
    • By using HTML Canvas API along with the getcontext method, all layers of the game are rendered in real time to create a seamless gaming experience that is both fun and addicting.

    Built Using:

    JavaScript, CanvasAPI, localStorage API