This is the overview for the Portfolio Project. Generally speaking overview pages serve to give a basic explanation of their associated project but seeing as this is the overview for this project, it also serves as a home/landing page for the website. The site is built around projects page displaying an information card which can be selected to open an overview page for each project in my database. At the top of the page is a header/navigation bar which allows the user to view this projects page as well as an about me page and a link to my gitbhub. If any of this is confusing, or you need navigational help, try my chatbot in the top right. If you'd like to reach out use the "Contact Me" button on the page header.
This page itsself was originally built using "PERN stack" (PostgreSQL, Express, React, Node), and is capable of automatically generating overview pages (like this one) for projects I upload. It is styled using TailwindCSS and uses typescript for type safety. A majority of the boiler-plate and setup is based on what I learned and developed with my team in WPI's software engineering course. The website for this course is the second item listed in the projects table. Documentation of many of our coding tools as well as my teammates themselves can be found there. Of course a huge thanks goes out to both them and professor Wong for there role in my learning of these skills. Aside from existing boiler-plate this website was built in its entirety, by myself using Cursor IDE in under a week.
After experiencing the joy that is web deployment I decided to port to NextJS for a better experience. This means I stopped using the original routing, meaning this is no longer PERN stack and is technically an unnamed development stack. After the port a few other significant functionalities were added using vercel blob for image storage and OAuth for login authentication (with github). The original full PERN version can be found as a branch in this projects github repo. My last addition is an AI chatbot, it has full knoledge of the site and database, it features text-to-speech and voice control. Try "start message", "reset message", and "send message" commands after enabling voice control in the chat menu. Other commands include "hey Bueller" and "goodbye Bueller" to open or close the chatbot as well as many similar phrases to allow for more informal feeling use.