Welcome!



Hi, my name is Frank Costelli, and I am a full-stack software developer living in sunny Saint Petersburg, Florida!

I really enjoy working with JavaScript, Node.js, HTML, CSS, Python, and various frameworks/libraries such as Bootstrap, React, and Django. I am also proficient in vector illustration and graphic design, specifically Adobe software such as Illustrator and Photoshop.

computer screen image

About Me

my headshot

For 20 years I have been a business manager and chef, winning many awards from local publications, but I was never satisfied with the work. Working for smaller companies, I discovered that I really enjoyed certain artistic and technical aspects of the job, such as graphic and web design. Eventually I became curious about coding and began learning JavaScript and Python.


As a student at Thinkful, I am genuinely excited to be on a path to a career in software development, and I am looking forward to working with an amazing team to provide services such as:


  • Web Development
  • Mobile Development
  • Game Design
  • Software Consulting

When I am not coding I am usually creating vivid illustrations with software like Adobe Illustrator or Procreate. I also really enjoy astronomy/astrophysics and reading about the latest discoveries or newest technologies in the field.

I am a quick-study, committed and creative, and it would be awesome to connect with like-minded developers or even potential employers. Reach out, and let's change the world, one block of code at a time!

Portfolio

Local Library

This project required the creation of a dashboard for a local library, which show which books were available, which are currently borrowed, as well as other useful statistics. This was a front-stack project using native JavaScript, HTML, and CSS. To approach this task, I began by breaking down the dashboard into smaller sections, and creating separate functions to handle each section. I learned quite a bit about the use of higher functions, and how to filter, sort, find data. It was also a great practice learning how to create arrays from strings based on specific criteria, and then manipulate the arrays to achieve the desired results.


Tech Stack:

  • JavaScript
  • HTML
  • CSS

GitHub Repository

Local Library Dashboard

local library screenshot

Decoder Ring App

The decoder ring project was a front-end development project using JavaScript to create ciphers. This application is designed for anyone who wants to encrypt or decrypt secret messages. The application is a front-stack project, built with JavaScript, HTML, and CSS, as well as using developer tools like Mocha and Chai. I learned about the advantages of using unit tests to perform TDD (test driven development). I also learned about regular expressions and their advantages/disadvantages of use in regards to manipulation of strings.


Tech Stack:

  • JavaScript
  • HTML
  • CSS
  • Mocha
  • Chai

GitHub Repository

Decoder Ring Project

decoder project screenshot

Space Invader's Clone

This was a fun side project for all the gamers who are feeling nostalgic! Using Python and Pygame, this offline application is a clone of the popular Atari game. I got to learn much about modules and their use in development, as well as Python concepts such as loops, event listeners, and lambda function. As well as learning about refreshing the screen and how it relates to animation.


Tech Stack:

  • Python
  • Pygame
  • tkinter
  • Kivy

GitHub Repository

Space Invaders Clone

space invaders clone

Calculator App

A calculator is a basic tool that people of all kinds use on a regular basis. Building a basic calculator with Python was an interesting exercise in working with native Python GUI modules, such as 'tkinter'. This was an offline project in which I learned the basics of setting up a primitive GUI (graphical user interface). I learned how to create elements the user can interact with, such as buttons, and how to 'wire' them up to various functions.


Tech Stack:

  • Python
  • Pymath
  • tkinter

GitHub Repository

Python Calculator

calculator screenshot

Contact Me