Full Stack Web App

Dockerized web app that uses Machine Learning to detect faces and names in user images. Managed by AWS Lambda and Serverless architecture for continuous integration and scaling.

Full Stack Web App
Full Stack Web App

This is a personal project (still in progress) created to practice front-end and back-end development.

The front-end and back-end are separate from each other communicating through HTTP requests.

Frontend

  1. React
  2. Bootstrap
  3. CSS

Create-react-app was used to quickly build a working application along with Boostrap for easy styling. Here is where the Clarifai Face Detection Model API is called which returns coordinate locations drawing out a bounding box.

Backend

  1. Nodejs + Express
  2. Clarifai API

I set up a Node.js server using Express to manage my routes and handle requests. The endpoints: signin, register, logout, profile, and image is where the frontend will fetch data.

Data Persistence

  1. Postgres + Kinex
  2. Redis
  3. JWT, Sessions

Deployment and Continuous Integration

  1. AWS Lambda
  2. Docker

The project was packaged into docker containers for seamless deployment anywhere without the frustration of having to manually run a separate server and datbase of conflicting version types.

AWS Lambda architecture allows for continuous integration and scaling.

Get In Touch

Looking forward to hearing from you!

Your message has been sent