OliviaLiyuanWei / Foodtastic-e-foodstore-website

This is a full stack Java Web Application which utilized the core feautures of Spring framework and Bootstrap.

Foodtastic-e-foodstore-website 💻

Description 📖

This is a full stack Java Web Application which utilized the core feautures of Spring framework, Bootstrap.

• Guest users can browse all the products, but they can not add them to their shopping cart, the system will ask them to login.
• Registered customers can browse and search all pruducts, add products to shopping-cart, and check out their selected products in the cart
• Administrator can manage product inventory and customer information

Motivation ✏️

The main purpose of doing this project is to help myself understand Java Spring Framework and how to create a sophisticated backend system

Special thanks: Le Deng

Screenshots 📊

1️⃣ Landing Page

The landing page utilizes the Bootstrap Carousel Template

2️⃣ Register and Login

If you are a guest user, you should register as a customer; if you are already registered, you can login and enjoy shopping!

3️⃣ Product Page and Detail Page

As a customer, you can browse products in the product page, when you click Detail button on one product, you will go to the detail page of this product

4️⃣ Shopping Cart

Customer can view their cart and decide to continue shopping, checkout or remove some products; When customer click Checkout button, he/she will review their customer info, shipping address and billing address

5️⃣ Checkout

Once customer review and correct their information, there will be a receipt of this order, they can click Submit button

Installation 🔧

1. Import as Maven project
2. You need to create your own MySQL database, and change the username and password of MySQL in applicationContext.xml
3. When you add JDBC connector, hibernate will create tables for you in your database, but you still need to add admin in your Authorities and Users tables. In Authorities table, change 'ROLE_USER' to 'ROLE_ADMIN'

<bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
    <property name="driverClassName" value="com.mysql.jdbc.Driver" />
    <property name="url" value="jdbc:mysql://localhost:3306/xxxyourDatabaseNamexxx" />
    <property name="username" value="xxxyourUserNamexxx" />
    <property name="password" value="xxxyourPasswordxxx" />
</bean>

Tech Stack 💻

• Front End: HTML/HTML5, CSS/CSS3, JavaScript, JSP, JQuery, Bootstrap
• Back End: Spring MVC, Spring Security, Spring Webflow
• Database: Spring Data, Hibernate, JPA, MySQL

API Reference 📋

1. Bootstrap
2. Spring

License 📝

See the LICENSE file for license rights and limitations (MIT).