cs projects


Hand‐Coded Portfolio Website (from scratch)

Objective

How did I do it?

  1. Before coding my website, I designed each page in Adobe Illustrator to figure out the colors, spacing, and overall design before I even touched the code.
  2. Once I had all of my designs finished, I used HTML and CSS to create a working copy of my website locally on my computer.
  3. Once I had all the overall layout with HTML/CSS finished, I programmed the functionality of the Contact-Me form with JavaScript and JQuery. For the form, I connected the third-party mail service form spree with my JS/JQ code so that people could contact me easily through my site.
  4. Finally, once I had the website coded, and functionality added, I decided to host my website with hostgator.com because my school only offered free word-press hosting services.

SKILLS / LANGUAGES USED

  • HTML
  • CSS
  • JS
  • JQuery
  • Adobe Illustrator
Website files download
The download link above contains a folder with HTML/CSS/JS code for this website!

JavaScript Daily Journal website

Objective

How did I do it?

  1. For the front end of the website, I used basic HTML and CSS techniques, but placed them into an EJS file so I could insert code using the backend. For the backend, I used a variety of libraries such as Express, Body Parser, EJS, and more. This is cool because all of the processing is done on the server side of things, rather than on the user's side of things! This was my first time ever dealing with the backend of websites, and servers as well!

SKILLS / LANGUAGES USED

  • Git & GitHub
  • HTML
  • CSS
  • JS
  • Packages Used: Express, EJS, LoDash, Body Parser
  • Heroku Web Hosting
GitHub Repository
The download link above will take you to the repository that contains all of the files for this project

Password Generator

VIDEO DEMONSTRATION

Objective

How did I do it?

  1. Before actually creating the program, I made a document with the features I wanted the software to have, before designing.
  2. Once I knew all the features and functionality of the program, I began designing the program with JavaFX, in the JetBrains IntelliJ IDE.
  3. After I finished coding the program (and adding alerts for edge/incorrect user entry cases), I then added JavaDoc comments to my code, so that the people reading the code could easily see what was going on.

SKILLS / LANGUAGES USED

  • Java
  • JavaFX
  • JavaDocs
Password Generator Source Code Download
The download link above contains a google drive link to the source code for my password generator!

me projects


CHAPPiE Robot

Objective

How did I do it?

  1. Before even touching Solidworks, I first hand drew what I wanted Chappie to look like on some paper (provided in downloads).
  2. Once I had an idea of what I wanted Chappie to look like, I then began to model him in Solidworks. While modeling, I made sure to keep in mind proper dimensioning protocol (such as adding extra room in my sockets since 3D printers are not 100% accurate), so that when I printed my parts out, they would all interconnect properly!
  3. Once I had all my CAD models, I sent them to the SLS 3D Printer that tech has, and got my CAD models printed out!
  4. Once I received the 3D printed parts, they surprisingly needed no sanding for the sockets to fit (meaning I dimensioned them properly!).

Final Grade: 49/50

SKILLS / LANGUAGES USED

  • Solidworks
  • ANSI Dimensioning
  • SLS 3D Printing
CHAPPIE Robot‐Individual Project Report
The download link above contains the 20 page report that I wrote for my ME1770 class in the Fall of 2019 (with dimensioning analysis, and CAD drawings incuded!)

Forest Fire Extinguisher (The Eco-Guardian)

Objective

How did we/I do it?

  1. Once my team and I decided on the Eco-Guardian idea, we all assigned each person their parts/systems.
  2. I was responsible for designing the rotating fire retardant dispersion system, in which I used pistons to extend the nozzles all around the center of the body.
  3. Once I designed my system, produced my drawings, and received the systems that my teammates made, I was then responsible for putting everyone's systems together, and creating the final renders for the project.
  4. Once I had the renders imported from Solidworks into Photoshop, I blended the renders with real pictures of forest fires and put those into the slides of the presentation.
  5. Fun fact: Due to the fact that I already had Solidworks experience before taking the class, I decided to take on the role of team-leader, and helped all of my teammates complete their systems in the Eco-guardian, as well as coordinated the meetings + created the outline for the powerpoint. I wasn't expecting this but while doing the final presentation for the project in front of the class, my team actually gave me a surprise round of applause which made me super happy!

Final Grade: 95/100

SKILLS / LANGUAGES USED

  • Solidworks
  • Adobe Photoshop
  • Adobe Illustrator
Eco‐Guardian Powerpoint Presentation
The Google Drive link above will send you to the powerpoint presentation my team and I made for the team ME1770 project!