Chatter

Capstone - An automated chat interface that offers help with frequently asked questions, ratings, and feedback.


The Process

This was the capstone project for my final course before attaining my AS Degree in Web Programming. The task of the project was to create a solution for a company in need of a piece of software based in the web browser. I chose to build this application for the the specific purpose of reducing dining location FAQs but it quickly expanded with features and broadened in scope as the SDLC progressed. The chat lives in the bottom right-hand side of the browser like most other chat interfaces seen on the web.

The success of this project stems from the carefully coded architecture as well as the beautifully implemented animations. During the build phase of the application, I let my creativity run wild like I've never done in previous projects. Framer motion was used for all of the animations and I cannot say enough how intuitive and powerful this library is to work with.

Take Aways

  • Exercised use of high-level animation concepts within Framer-motion
  • Built personal best application state management architecture
  • Became more comfortable doing application testing with Jest

Technology stack

  • TypeScript
  • React
  • Framer-motion
  • Storybook
  • Netlify

Resources

Links