Flora

HTML - CSS - JavaScript - Trello - Stripe API - GitHub - Bootstrap - React - React Router - Bcrypt - JWT - Multer - Express.js - Node.js - Sequelize

FLORA is an e-commerce website created collaboratively during Full-stack development course with codeOp. The website feature stripe integration and has has multiple vendors where users are able to sell and buy plants. Buyers can register, search, add products to their cart and purchase plants while sellers may add products to their catalog and manage their profile.

DB Schema

Flora Database

User Flow

Seller User flow
Buyer User flow

Vegist

HTML - CSS - JavaScript - API - GitHub - Bootstrap - React - MySQL - Express.js - Node.js

Vegist is a simple vegan recipe search engine app that fetches data from spoonacular food API. The forked project now allows users to view a recipe summary before adding it to their favourites. By adding an extra table to the database, notes can be added to the saved recipes.

DB Schema

Notes DB Schema

Added Features

Summary feature
Notes feature

Scheduling-App

HTML - CSS - JavaScript - API - GitHub - Bootstrap - React - MySQL - Express.js - Node.js

The Scheduling App is for a store manager to organise staff shifts throughout the week from Sunday (Sun) to Saturday (Sat). From the Admin component the user will be able to POST each employee time for each day of the week in sequence. From the Adminview component the user can DELETE individual staff times if needed and view schedule for an specific week. Other users should be able to only view the schedule times once posted in a separated user view component.

DB Schema

DB Schema

Routers Design

Routes Design