Here you’ll find an organized list of my projects, broken down by category for easy browsing. Each project link will take you to the repository’s README for more details.
- Web Development / Client Sites
- Full-Stack Web Applications
- Go Projects / Web Scrappers
- Godot 2D Games
- API Apps (JavaScript / Front-End)
- JavaScript Projects
Client Websites and Freelance Projects (HTML, CSS, JavaScript, React, 11ty, Node, nunjucks, Sass)
- Description: Website for cosmetic tattoos in Portland. Will have Decap CMS.
- Tech Stack: HTML, React, Node.js, 11ty, Nunjucks, SASS, JavaScript, Decap CMS, Netlify
- Description: A professional website for a Professor and Published Writer.
- Tech Stack: HTML, CSS, React, Node.js, 11ty, Nunjucks, SASS, JavaScript, Decap CMS, Netlify
- Description: My web development studio's site, highlighting services, portfolio, and a contact form. 100 on performance Google PageSpeed
- Tech Stack: HTML, CSS, JavaScript
- Description: Made for a PDX Coffee Shop, Responsive, 100 on performance Google PageSpeed.
- Tech Stack: HTML, CSS, JavaScript
- Description: Made for a local PDX record store, it is fast and responsive. 99 on Google PageSpeed
- Tech Stack: HTML, CSS, JavaScript
- Description: A personal website/portfolio for a Product Manager.
- Tech Stack: HTML, CSS, JavaScript
- Description: My Portfolio for personal projects, software, and apps.
- Tech Stack: HTML, CSS, JavaScript
MERN Stack and Full-Stack CRUD Applications
- Description: It demonstrates basic CRUD operations with a Go backend and a simple front-end interface to interact with the API.
- Tech Stack: HTML, CSS, JavaScript, Go, Fiber, Gorm, SQLite, Postman
- Description: A simple application designed to fetch random images from an API. The project aims to explore and address real-world challenges related to handling multiple requests and optimizing performance.
- Tech Stack: JavaScript, Express.js, Node.js, BootStrap, Apache Benchmark
- Description: A simple web app to manage a database of cats, where users can upload cat profiles with pictures, edit cat information, and view a list of cats.
- Tech Stack: HTML, CSS, JavaScript, Node.js, Express, MongoDB, EJS
- Description: This application empowers users to effortlessly manage projects, and their statuses, and connect customers with ease. Scalable MERN stack-based project management CRUD app
- Tech Stack: GraphQl, Apollo, MongoDB, Express, React, Node, Javascript, CSS
- Description: I took a demo ticket tracker that I had built with local storage(HTML, CSS, JS) and turned it into a full-stack application. I rebuilt it as a CRUD app using MVC structure.
- Tech Stack: EJS, JavaScript, MongoDB, Express, Node, Bootstrap
- Description: A full-stack web app, copy of Storybooks format and function. Allows the user to log in using Google and post and share their own stories.
- Tech Stack: Node.js, Express, MongoDB, Handlebars, Google OAuth
- Description: A CRUD project that allows users to track their favorite restaurants by adding links to menus and uploading logos. The app displays each restaurant's logo, name, and a link to its menu.
- Tech Stack: HTML, CSS, JavaScript, EJS, Node.js, Express, MongoDB, Mongoose, Multer
More full-stack apps to be added here...
Go Applications
- Description: Gather articles from hacker news and sort them. Uses their timestamp and title.
- Tech Stack: Playwright, Javascript, Node
- Description: A RESTful API for managing user data with JWT authentication.
- Tech Stack: Go, JWT, PostgreSQL, REST API
- Description: CLI tool for data analysis using Go's concurrency features.
- Tech Stack: Go, CSV Parsing, Concurrency
- Description: A simple approach to HTML scrapping with Python.
- Tech Stack: Python, Concurrency
2D Games Developed with Godot
- Description: A platformer game with custom physics, animations, dynamic level generation and progression tracking.
- Tech Stack: Godot, GDScript
- Description: A simple side scroller, has basic enemy AI, physics controllers, input controllers.
- Tech Stack: Godot, GDScript
API Fetching and Front-End Apps
- Description: A simple application designed to fetch random images from an API. The project aims to explore and address real-world challenges related to handling multiple requests and optimizing performance.
- Tech Stack: JavaScript, Express.js, Node.js, BootStrap, Apache Benchmark
- Description: Monster Finder for DnD 5e is a web application that leverages the DnD5e API to fetch and display detailed information about Dungeons & Dragons monsters.
- Tech Stack: HTML, CSS, Bootstrap, JavaScript, D&D 5e API
- Description: A weather app fetching data from OpenWeather API and dynamically updating the DOM.
- Tech Stack: JavaScript, OpenWeather API, HTML, CSS
- Description: Used an awesome front-end template to get the Star Trek vibe. Then, I added in Javascript to fetch data from a simple API that has some of the Star Trek aliens, with info and a photo.
- Tech Stack: MongoDB, CSS, HTML, JavaScript
-
Description: web app that allows users to fetch random pictures of dogs based on breed selection using an API. It showcases the use of HTML, CSS, and JavaScript to build a functional, responsive app with a clean UI. This project demonstrates my ability to work with APIs, style elements, and create a smooth user experience.
-
Tech Stack: CSS, HTML, JavaScript
JavaScript Focused and Random Projects
-
Description: Codewars Problems, solved in JS
-
Tech Stack: JavaScript
-
Description: A simple Kanban, used JS for drag and drop
-
Tech Stack: JavaScript, HTML, CSS
- Description: A functional JS calculator
- Tech Stack: JavaScript, HTML, CSS
- Description: An early Tic Tac Toe game to understand JS.
- Tech Stack: JavaScript, HTML, CSS
More JavaScript projects to be added here...
Feel free to explore the repositories! If you have any questions, feel free to contact me via LinkedIn.