Web Programming Project

Table of Contents

• Introduction
• Frontend
• Backend
• Technologies
• Setup

Introduction

This is final project of web programming which is implementing an online shop that we can create account, login to account, see products, buy products, filter them, search for a specific product and also we sould have an admin panel that we can edit products, add products, see users informations and ....

Some screen shots of the implemented website:

• Main Page:
  

• Login Page:
  

• Signup Page:
  

• Edit Section Page:
  

• Edit Product Page:
  

• Add Product Page:
  

• Add User Balance Page:
  

• Admin Profile Page:
  

💻 Frontend

Frontend has written in reactjs and nextjs and server-side rendering. Codes are in this link.

💻 Backend

Backend has written in spring boot. Codes are in this link.

Set username and password of mysql server in properties file

Technologies

Project is created with:

• JavaScript
• Reactjs
• Nextjs
• SCSS
• Java 8(oracle JDK 1.8)
• Spring boot
• mysql
• spring data
• spring security

Setup

For run frontend, use below commands:

$ npm install
$ node server.js