Scribd
Upload
15 views4 pages

Project Introduction

The document outlines an internship project for a group of students focused on developing a full-stack web application using Spring Boot, DBMS, and React JS. The application will enable users to browse, purchase, and review products online, featuring functionalities such as user accounts, shopping cart management, and payment integration with Razorpay. The project methodology includes planning, design, front-end and back-end development, database management, and customer support integration.

Uploaded by

MANDALA VANSHIKA VU21CSEN0300016
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views4 pages

Project Introduction

The document outlines an internship project for a group of students focused on developing a full-stack web application using Spring Boot, DBMS, and React JS. The application will enable users to browse, purchase, and review products online, featuring functionalities such as user accounts, shopping cart management, and payment integration with Razorpay. The project methodology includes planning, design, front-end and back-end development, database management, and customer support integration.

Uploaded by

MANDALA VANSHIKA VU21CSEN0300016
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Semester : 6

Batch: AIML
Subject: Internship
Session : Dec 2023 to April 2024

Group No: 8

Students Name, Enrolment No:


❖ Aditi Mahapatra (VU21CSEN0300084)
❖ Ananta Vaishnavi Movva (VU21CSEN0300067)
❖ Shruti Kumari (VU21CSEN0300345)
❖ Mandala Vanshika (VU21CSEN0300016)

Title of Internship Project: Web Application – Spring Boot, DBMS, React JS

Introduction: This project aims to create a full-stack web application that allows users to
browse, purchase, and review products online. The front-end of the application is built
with React, a library for creating user interfaces, and Tailwind CSS, a utility-based
framework for styling. The back-end of the application is built with Spring Boot, a
framework for creating Java-based web services, and DBMS, a system for managing and
storing data. The application also integrates Razorpay, a payment gateway system that
enables secure and easy transactions.

Some of the features of this project are:


Users can view a list of products, filter them by category, price, rating, etc., and see the
details of each product.
Users can add products to their shopping cart, update the quantity, and remove them as
needed.
Users can checkout their orders, enter their billing and shipping information, and pay using
Razorpay.
Users can view their order history, track their order status, and cancel or return their orders
if eligible.
Users can rate and review the products they have purchased, and see the ratings and
reviews of other users.
Users can create an account, log in, and edit their profile and password.
Users can contact the customer support via email or chat.

Methodology/ Steps: The project follows the best practices of web development, such as:

• Responsive design that adapts to different screen sizes and devices.


• Modular and reusable code that follows the MVC (Model-View-Controller) pattern.
• Secure and encrypted communication between the client and the server.
• Validation and error handling for user input and requests.
• Testing and debugging tools for ensuring the quality and performance of the application.
Here's a detailed breakdown of the steps and methodology for your full-stack web
application project:

Project Planning and Requirement Analysis:

• Identify the scope of the project.


• Define features and functionalities.
• Conduct a thorough requirement analysis.
• Determine the technology stack (React, Tailwind CSS, Spring Boot, DBMS,
Razorpay).

Design and Wireframing:


• Create wireframes and prototypes for the user interface.
• Design the database schema for storing product information, user data, orders, and
reviews.
Setting Up the Development Environment:

• Install and set up development tools, including IDEs, databases, and version
control.
• Create a Git repository for version control.
Front-End Development with React and Tailwind CSS:
• Implement the user interface using React components.
• Utilize Tailwind CSS for styling and responsive design.
• Implement features like product listing, filtering, and product details.

Back-End Development with Spring Boot:

• Set up the Spring Boot project for the server-side logic.


• Implement RESTful APIs for handling product information, user authentication,
shopping cart, and orders.
• Connect to the database to perform CRUD operations.
Database Management System (DBMS):

• Choose and set up a suitable database system (MySQL, PostgreSQL, etc.).


• Create tables based on the defined database schema.
• Establish relationships between tables.
Integration of Razorpay for Payments:

• Integrate Razorpay API for secure online payments.


• Implement the checkout process and order creation.
User Authentication and Authorization:

• Implement user registration and login functionality.


• Ensure secure password storage using encryption.
• Implement authorization checks for protected routes.
Shopping Cart and Checkout Functionality:

• Develop features for adding/removing products to/from the shopping cart.


• Allow users to update the quantity of items in the cart.
• Implement the checkout process, including address input and order confirmation.
Order Management:

• Implement features for users to view their order history.


• Enable order tracking and status updates.
• Implement order cancellation and return functionalities.
Product Reviews and Ratings:

• Develop features for users to rate and review products.


• Display average ratings and reviews on product pages.
User Profile and Account Management:
• Allow users to create accounts, log in, and log out.
• Enable users to edit their profiles and change passwords.
Customer Support Integration:

• Implement a contact form for customer support.


• Integrate email or chat support based on the project requirements.

You might also like