Coder Social home page Coder Social logo

lynnhado / fleur-fantasia Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 182.3 MB

Flower Web application using Spring Boot and Angular frameworks

Home Page: https://d10ywaww18btws.cloudfront.net

License: GNU General Public License v3.0

Java 17.06% HTML 21.20% TypeScript 48.47% CSS 13.26%
angular auth0-spa-js aws cloudfront-distribution fullstack-development mysql rds spring-boot stripe-api

fleur-fantasia's Introduction



Fleur Fantasia

Full-stack Web application using Spring Boot framework and Angular frontend

Table of Contents
  1. Demo
  2. Features
  3. About The Project
  4. Contact

Demo

The AWS-deployed website is here: https://d10ywaww18btws.cloudfront.net

Features

  • Add SQL databases
  • Add Spring Boot backend (enables connection with databases)
  • Add basic Angular frontend (Products list)
  • Add complete Angular frontend
    • Home
    • Product Detail
  • Search and filter functionalities
    • Search by category
    • Search by keyword
  • Product Detail View
  • Pagination
  • Check out
    • Add/Remove/Modify items in cart
    • Build reactive form controls layout and process inputs on the front-end
    • Connect Angular with Spring Boot to send order info to the database
    • Credit card payment - Email receipt to customer
  • Member registration
    • Add Okta sign-in widget integration
    • VIP member registration
    • Track order history by customer email
  • Add security
    • Handle browser refresh
    • Block API access to customer information
    • Secure HTTPs communcation - Frontend
    • Secure HTTPs communication - Backend

See the open issues for a full list of proposed features (and known issues).

(back to top)

About The Project (Updates 01/12/24)

In short, Fleur Fantasia is a full-stack e-commerce web app that allows users to browse and purchase different flower/plant options.

  • Like other common e-commerce applications, it supports filtering items, adding items to cart, checking out, etc with secure HTTPS communication. The app also supports credit card payment processing using Stripe API.

  • Unlike other common e-commerce applications, it also provides AI-powered tools to classify and detect different flower types. However, after considering the fact that the scope of the project is pretty big, I want to divide this feature into a different project!

(back to top)

Built With

(back to top)

Contact

Linh Do - [email protected]/[email protected] (personal)

LinkedIn: https://linkedin.com/in/linh-do-0327371b2/

(back to top)

fleur-fantasia's People

Contributors

lynnhado avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.