Dropbox-React-SpringBoot

A Dropbox like web application using React.js | Java Spring Boot | Spring Data | Hibernate | MySQL

Goal

• The goal is to build a distributed enterprise web application which enables the users to upload and delete files/folders and share files/folders to other users, create groups, add/delete members.
• The project was developed as Full Stack Web app using technologies such as React.js | Java Spring Boot | Spring Data | Hibernate | MySQL.

System Design

Architecture

• Web Application uses a Client-Server Architecture with:
  • Client components developed using React.js - Folder - '/react-frontend'
  • Server Restful Api's developed using Java, Spring Boot, Spring Data, Hibernate - Folder - '/springboot-backend'

Technology stack

Area	Technology
Front-End	React, Redux, React Router, Bootstrap, HTML5, CSS3, Javascript ( ES6 )
Authentication Middleware	Passport.js
Back-End	Java, Spring Boot, Spring Data, Hibernate
API Testing	JUnit, Postman
Database	MySQL
Performance Testing	JMeter

Screenshots

HomePage/Login

Register

User Dashboard

User Details

User Logs/Group Logs

Delete Files

Create New Folder

Share Files

Groups & Members

Steps for Project Execution :

Install MySQL

Create Databases and Tables

Change DatabaseName, DB_User and DB_Password in springboot-backend/src/main/resources/application.properties

Open /springboot-backend in Intellij/Eclipse

cd react-frontend
npm install
npm start