Sign-up Form

June 2024

https://www.mypetlobster.github.io/sign-up-form

Sign-up Form is the first project in the Full Stack JS curriculum in the Odin Project. Just a simple refresher on HTMl, CSS and form basics. Sign-up Form and the project you're currently viewing (Admin Dashboard) are the only two projects in the HTML and CSS portion of the curriculum. Now onto JavaScript!

Booksight

June 2024

https://www.youtube.com/watch?v=rZXsWTtKWXw

Booksight is a Django web app that uses computer vision, OCR, and AI to identify the precise edition of all the books in a photo of a bookshelf. Booksight compares color and dimension data from each detected spine, then makes API calls to external databases to find a precise match. (CS50W Final Project).

Echo - Social Network

May 2024

https://www.youtube.com/watch?v=Mz61VeJU0_o

Echo is a twitter-like social network built with Django. User actions are implemented with asynchronous JavaScript and the Fetch API. Echo allows users to post, like, and follow other users. (CS50W Project 4 - Network).

Gmail Clone

April 2024

https://www.youtube.com/watch?v=C9u52CM2epI

A functional clone of Gmail that can run on a local server. The project was built with Django and includes a login page, an inbox, and a compose page. My first attempt to build a SPA (Single Page Application) and my first foray into state management with JavaScript. (CS50W Project 3 - Mail).

Yard Sale!

April 2024

https://www.youtube.com/watch?v=zFdEkO3UKGk

Yard Sale is an Ebay-like e-commerce site built with Django. Yard Sale was a testing ground for me to try building some new stuff. I implemented interactive transaction history and messages, automatic fee processing and listing management, profanity filters, and more. This was also the first time I used Celery and Redis for scheduled tasks and caching. (CS50W Project 2 - Commerce).

Wiki

February 2024

https://www.youtube.com/watch?v=CMIutWvw_JM

Wiki is a simple Wikipedia-like site built with Django. Wiki allows users to search for and create new entries. The project requirements were simple enough, but there was an optional challenge to implement my own markdown converter. I really loved diving into regular expressions and understanding how to parse and convert text. (CS50W Project 1 - Wiki).

Google Search Clone

February 2024

https://www.youtube.com/watch?v=6UzNw_x-EEo

My first project for CS50 Web Programming with Python and JavaScript. I built a fairly accurate clone of the Google Search homepage, including light/dark mode and advanced search options.

Daily Records SQL Database

February 2024

https://www.youtube.com/watch?v=bL6vYFwRMJg

My final project for CS50 SQL. I built a SQL database to keep track of the time I spend working and learning. I used MySQL and MySQL Workbench to create the database and tables. The database supports CRUD operations, automatic invoice generation, and generating reports on time spent on different activities, jobs, or projects. I decided to take this course to reinforce my understanding of SQL and databases in general.

Character Chat

January 2024

https://youtu.be/fc9s6atsHjc?si=5-RFLtwMv1DQ0Y9S

My final project for CS50 Python. Character Chat is a conversational AI program that allows users to interact with their favorite fictional characters from books, movies, and TV shows. Users can engage in conversations, ask questions, and receive responses from their chosen character. This project aims to let users interact with their favorite characters. The CLI app is built with Python and uses the OpenAI API.

Bookcase Database

December 2023

https://youtu.be/vu7Djq2DUH8

Bookcase Database is my final project for CS50x. I used Flask to build a web application that allows users to keep track of their book collections. Users can add, edit, and delete books from their collection. The app also allows users to search for books by title, author, or ISBN. The app uses the Google Books API to fetch book info and ratings and SQLite to store user data. I even deployed the app using PythonAnywhere. What a great course this was!

Calculator

December 2023

https://mypetlobster.github.io/calculator/

A trip down memory lane. This was my final project for The Odin Project's Foundations course. I built a fully functional calculator using HTML, CSS, and JavaScript. I styled the calculator to look like that classic blue calculator from elementary school. I even included a functioning solar panel. Try it out with the link above!

Etch-A-Sketch

November 2023

https://mypetlobster.github.io/etch-a-sketch/

Another project from The Odin Project's Foundations course. Users can draw on the Etch-A-Sketch by hovering over the grid. The grid changes color as the user hovers over it. Users can also clear the grid and change the grid size. I added an extra experimental mode called 'Etch-AI-Sketch'. Give the AI a prompt and watch it generate an image! (Full disclosure...it's not really AI, just a bit of keyword matching)

Rock Paper Scissors

November 2023

https://mypetlobster.github.io/rock-paper-scissors/

A simple game of Rock Paper Scissors built as a web app using HTML, CSS, and JavaScript. Users can play against the computer and see the results of each round. The computer's choice is randomly generated. The game keeps track of the user's score and displays the winner at the end of the game. This project was a fun way to practice DOM manipulation and learn more about JavaScript functions and event listeners.

Landing Page

November 2023

https://mypetlobster.github.io/landing-page/

This was my first project for the Odin Foundations course. This is just a simple personal website landing page. I make music, so I wanted to create a page that would link to all of my music and social media. I used HTML and CSS to build the page and added some animations to make it more interesting. I also added a contact form at the bottom of the page.