Jonah Schottenstein

G2 Auto Imports

G2 Auto Imports is a company specializing in importing Japanese Domestic Market (JDM) cars. This website allows users to either inquire about vehicles currently in inventory or request a specific car to be imported.

Tech Stack

• Next.js – for server-side rendering and routing
• React.js – to build interactive UIs
• TypeScript – to provide static typing
• Tailwind CSS – for styling the components
• Prisma – to interact with the database
• Better SQLite3 – as the database
• React-Hook-Form – for form management
• Zod – for form validation
• EmailJS – for handling email notifications

Key features:

• Multi-step Request Import Form: This feature allows users to easily navigate through several steps to request a specific JDM car import. The process ensures a smooth and guided experience by breaking down the request into manageable steps.
• Fully Responsive Design: The website is designed to be fully responsive, offering an optimal experience across mobile and desktop devices.
• Cross-browser Compatibility: The website functions properly across different browsers, ensuring accessibility for all users.
• High Performance: The site achieves Google Lighthouse scores of 97+ for Performance, Accessibility, Best Practices, and SEO on both mobile and desktop platforms.

Crossword Creator

Crossword Creator is a web application that lets users create custom crossword puzzles from scratch and export them as PDF files formatted according to the New York Times submission guidelines.

Built with React because the application involves frequent UI changes, and React is good at finding the least expensive way to update the DOM.

Key features:

• Dynamic Wordlist: Wordlist items are dynamically displayed based on the length and content of the currently selected word on the board. You can further filter these items using regular expressions.
• Autofill: The application features an autofill option that uses advanced backtracking and lookahead algorithms to fill the puzzle board quickly, sometimes in under 10 seconds.
• PDF Creator: Export crossword puzzles in PDF format that meet the New York Times submission guidelines, making the submission process hassle-free.

CBT Toolbox

CBT Toolbox is a mobile application based on the Zones of Regulation, a self-regulation framework rooted in cognitive behavioral therapy (CBT). This application is designed to empower children and neurodivergent adults to create custom sets of tools to help them manage their feelings in challenging circumstances.

Built with React Native because it enables cross-platform development, and it shares the same syntax as React which I already had experience using.

Key features:

• Toolbox: Sections for the Blue Zone, Yellow Zone, and Red Zone, enabling individuals to quickly access the appropriate tools for their current state.
• Customizable Tools: Users can customize their toolbox with tools that work uniquely best for their self-regulation needs.

Content Blocker

Content Blocker is a browser extension designed to give users control over the web content they are exposed to. It allows users to create a list of strings they want to censor, and when browsing, the extension prevents access to webpages whose URLs contain any of the censored strings.

Built with Chrome APIs to take advantage of Chrome's detailed documentation and useful developer tools.

Key features:

• Censor List: Users can create, read, update, and delete items in the list of strings to censor, following the four fundamental operations of a CRUD application.
• Dynamic Prioritization: The extension utilizes Chrome's declarativeNetRequest to dynamically prioritize actions when a webpage's URL matches multiple items in the censor list.
• Blocking and Redirecting: For each censored string, users can specify whether they want to block access to webpages containing that string or redirect to a safer or more productive alternative.