Steve Fischer | Engineer

Hello World!

Welcome! I'm glad to see a friendly face! My name is Steve. I am a Full Stack Engineer with over six years of experience. My passion is building applications, using React and other Javascript technologies. I am also well-versed in backend development.
You can view my work by clicking the "Work" link above or here.
I also have worked extensively with React Router GraphQL Redux Gatsby React Hooks React Context PostgreSQL Next.js RegEx Node.js

Apart from a general attraction to technology — coding in particular — I enjoy problem solving and learning frameworks in-depth.

Email: SteveFischerSWE@gmail.com

Click the tabs
Avid
Tech Blog
Asia Teach
Box Office

Live Site: Avid Language Learning

This application uses YouTube’s API and my own web-scraper logic to grab subtitles from YouTube.

On Desktop, the site scores a perfect 100 on Google’s Lighthouse report, indicating a top score in Performance, Accessibility, Best Practices, and SEO.

SendGrid manages email communications, while Sequelize handles the Postgres database, hosted on Render. The backend is built with Node.js and Express, and the frontend is developed with Gatsby.js (a React Framework for Static Site Generation).

Live Site: Tech Blog

The site uses .md files for each blog post, which are transformed into pages during the build process.

These .md files include code samples that are highlighted using Prism JS. The site is fully responsive and features various animations. It is built with Gatsby, GraphQL, JavaScript, Styled Components, and CSS Keyframes.

Live Site: Asia Teach

The application integrates Stripe for payment processing, SendGrid for email communications, AWS S3 for image storage, and Sequelize as the ORM for a Postgres database.

It employs Redux and Redux-Thunk for frontend state management. The backend is built with Node.js and Express, while the frontend is developed using React with Create React App. Currently, the backend is not hosted, but it can be set up to showcase the site upon request.

Demo: Box Office | GitHub Repo

This React/Redux application showcases popular movies and includes a search feature that triggers a search half a second after the final keystroke.

It employs various React libraries, such as Overdrive, to animate movie icons as they move to their new positions on the next page. The design utilizes CSS Grid and Styled Components. The application is built with React.js, Redux, Node.js, various React libraries, and The Movie DB API.

Demo: Book Viewer Application | GitHub Repo

This application takes a text file and sorts it into chapters — and puts in new lines for paragraphs. It has a search feature, and the site as a whole exhibits a responsive design.