Personal Projects Showcase: Web Development & More

Posted on Apr 3, 2025 in Software Engineering

Personal Projects

1. INDIEREADS

  • AJAX for auto-loading on scroll
  • Connect Storage Engine for reading JSON on MariaDB
  • Balsamiq for wireframe layouts
  • Canva for logo creation

2. Wave Function Collapse

  • WFC algorithm to make images based on seed
  • HTML5 Canvas

3. Automatic Cat Feeder

  • React
  • ESP32 Microcontroller with C
  • Arduino

4. Jamming the Bozone

  • Google Calendar API for embedded calendar
  • Bootstrap to make site responsive
  • Email submission with PHP

5. FITNESS BROS

  • Trello for task management
  • Bootstrap for mobile-first design

6. Card GAMES

  • Deck of Cards API
  • Node.js project
  • React.js for development
  • Axios to make HTTP Requests to the API
  • GitHub Pages for deployment

7. DUNGEONS and Dragons Turn Tracker

  • MySQL database for profiles
  • PHPAdmin to create database schema

8. AG REPORTING

  • Flask for Python framework
  • Django for Python framework (in attempted migration)
  • Box API for secure content development platform
  • PostgreSQL and SQLite for RDBMS
  • Materialize for (attempted) CSS framework

9. REDDIT place Re-Make

  • Reach to start prototype (started over with JS and PHP)
  • Bootstrap for animations and look

10. CODEVENTURE

  • Node.js
  • Unity with C# for game; exported to WebAssembly/WebGL
  • JSON to encode dialogue and character images
  • Figma (collaborative art prototyping) for developing graphics

11. WALKiNG Safely

  • React and JSX syntax for front-end development
  • Material-UI components for React
  • Google Maps API for city mapping
  • Slack for group discussions
  • Node.JS back-end for easier API calls
  • Pandas Py-Data and GeoPy for business logic
  • JSON and GeoJSON for data
  • Material-UI

12. VIRTUAGRAM 3D

  • React for front-end
  • Material-UI styling for React
  • Firebase infrastructure mgmt for user authentication
  • Firestore for NoSQL database
  • Three.js to display 3D images
  • JAMstack architecture (all client-side JS) for performance

13. Cross Stitch Carnaval

  • HTML table
  • HTML5 color input
  • Purely front-end

14. Big Sky Shark

  • MySQL database deployed on host server
  • HTML form inputs
  • Integrated with iOS app developed with Swift using the same DataBase

15. Dockerized DashBoard

  • Docker to bundle components into containers
  • Websockets to update displays without refresh
  • Go for backend programming
  • Mongo for NoSQL DataBase

16. TOPO Technologies

  • GoogleMaps API to present map for user selection
  • USGS Database for open image resource
  • Blender for 3D modeling of grayscale relief map
  • Three.js to display 3D object in browser
  • Flask as Python-based web framework
  • Bootstrap for responsive site

17. RIDE 2020

  • CANVA for logo creation
  • Facebook feed with Facebook plugin
  • Strava’s API to display charts and maps of the ride
  • PayPal interface to accept donations

18. MY VERDICT

  • GRANDstack starter project to get going
  • Apollo and GraphQL to get data from multiple sources
  • React front-end with Reactstrap for styling
  • Neo4j graph database to model user profiles and reviews

19. TUTOR BOARD

  • LAMP Assignment extension to create boards
  • CSS Animations for animated styles
  • JavaScript frontend app

20. WEB BASED GRADING

  • LAMP Assignment extension to create, edit rubrics
  • PHP for MySQL interfacing and dynamic HTML