ReactJS-Spring-Boot-Full-Stack-App

Welcome to Mom's Sweet Shop, an app that simulates online ordering and delivery of confectionery.

Content

Features
Project requirements
Getting Started
Technologies Used
Demo
License
Documentation
More pictures

Features

This project consists of two applications: one is a Spring Boot Rest API called pastry-shop-backend and another is a ReactJS application called pastry-shop-frontend The app is created with a portfolio in mind and mimics an online pastry shop for ordering and delivering confectionery products. Spring Boot Web Java backend application that exposes a REST API to manage deliveries. Its secured endpoints can just be accessed if an access token (JWT) is provided. In the application there are user/admin roles, the processing of the requests made by the user is carried out by the administrator.

Spring-backend stores its data in a MySql database.

Spring-backend has the following endpoints

ReactJS frontend application where users can find and order products. In order to access the application, user must login using his/her username and password. All the requests coming from react-frontend to secured endpoints in spring-backend have a access token (JWT) that is generated when user / business logs in.

React-frontend uses Semantic UI React as CSS-styled framework.

Project requirements

Created by me application is intended to serve as a portfolio for me, as although the products presented in it to be real, when ordering from the app there will be no real delivery even though it tracks the various order/delivery cycles of the product.

Getting Started

Clone the repository to your local machine.
Configure your MySQL database by updating the application.properties file.
Configure environment variables by updating the application.properties file.
Build and run the project pastry-shop using maven
Build and run the project pastry-shop-web using npm. Follow these step first: 1) npm install 2) go to \pastry-shop-web 3) npm start.
Access the web application by visiting http://localhost:3000 in your web browser.
Create admin and user accounts, manage products, and place orders as needed.