Skip to content

This is the Frontend source code for the Truffle Teddy web app (truffleteddy.com).

Notifications You must be signed in to change notification settings

aaroncorona/Truffle-App-Frontend

Repository files navigation

TruffleTeddy.com

error

GitHub commit activity

GitHub last commit

📜 Overview

TruffleTeddy (truffleteddy.com) is a full-stack web application built with Angular and Spring to track the life of Truffle and signup new fans.

📖 Table of Contents

🌐 App Features

  1. A timeline-style biography of Truffle's life
  2. CSS dynamic resizing using flexboxes and media queries
  3. Signup page to permanently log your name on the list of fans and see real-time data

📸 Screenshots

Landing Page & Bio:

Screen Shot 2022-07-22 at 7 39 35 PM

Form submit with a real-time list from the DB:

Screen Shot 2022-07-22 at 6 30 54 PM

⚡ APIs Created

☁️ Tech Stack

arch

Architecture Design:

arch

Full List:

  • Angular CLI (13.3.5)
  • TypeScript
  • CSS
  • HTML
  • Java
  • Spring Boot & Spring Web
  • Thymeleaf
  • PostgreSQL
  • AWS S3
  • AWS Route 53
  • AWS EBS

🚀 Usage

  1. Clone this repo locally and run npm install to install all the dependencies.
  2. Run npm start to launch the application. It should be running on localhost:4200.
  3. Run ng generate component component-name to generate a new component if desired.
  4. To get more help on the Angular CLI use ng help.

About

This is the Frontend source code for the Truffle Teddy web app (truffleteddy.com).

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published