Category: React JS Projects

Posted on

Order Management System for Steel Fabrication Factory Java Project

The web-based “Steel fabrication Order management system” project is an attempt to simulate the basic concepts of order management systems. The system enables the customer to do the things such as view all available products, and products by category-wise distribution. The user can place the order, the delivery agent will get the order details and it will be delivered to the customer at their residence. Users can request customized products with their own requirements and budget.

The Order Management System provides a facility that enables users to view details about products without logging in. But if the user wants to place the order, then it is required to log in first. Users can view all available products with detailed descriptions, reviews, and ratings. Users can choose a particular product. The system checks for the availability of the quantity of the product. If the product is available then the system allows the customer to select the product and place an order. To order a product the system asks the customer to enter his details such as first name, last name, city, street, landmark, state, pin, phone number, etc.

Scope 

  1. Order Management System for Steel Fabrication Factory is a web-based application that allows the admin to handle all the activities online quickly.
  2. So, the aim of the project is to provide products to customers. The customer can choose the products from the category and place the order. Users can request customized products to their own requirements and budget. Staff then can contact the user with the details provided by the user at the login time
  3. Staff will arrange the products as per the order and make them available for collection.
  4. Once the order is ready, the delivery agent will collect the products and they will be delivered to the customer at their residence

SYSTEM ANALYSIS AND DESIGN

System analysis is the performance management and documentation of activities late to the life cycle phase of any software namely:

  1. The Study Phase
  1. The Design Phase
  1. The Development Phase
  1. The Implementation Phase
  1. The Testing Phase

Software analysis starts with preliminary analysis and later switches to a detailed one. During the preliminary analysis, the Analyst took a quick look at what is needed and whether the cost benefits. Detailed analysis studies in depth all the cornered factor, which build and strengthens the software.

ER Diagram:

PROJECT FEATURES

Admin module

Admin is the main role in the overall system. Admin can log in into the system using credential where admin credential was already stored in the database.

After successful login into the admin dashboard, there are various operations that the admin can do mentioned below –

  1. View customer: Admin is able to view the list of customers who are already registered into the system. Customer data is stored in a database so the admin can fetch those data to view the list of customers
  2. Add remove staff: Admin can add staff by giving a particular role also admin is able to delete it from the system
  3. View feedback: Admin can view feedback which is given by customers on products after purchasing

Manager module

Like the admin, the manager can log in to the system with the credentials stored in the database. The manager carries out the most of operations on the owner’s side. The manager can perform the following functionalities mentioned below:

  • Manage products: The manager can add products into the system with all the necessary details. As the products are managed category-wise, the manager can add distinct categories first and then products under that specific category. Managers can also update products by changing the price of products or the available quantity of product
  • Manage delivery: The manager is able to see all the orders. After placing an order by the user, the manager assigns that order to the particular delivery That order is visible to that delivery agent’s dashboard with details.
  • View feedback: The manager can view feedback and ratings given by customers on products after purchasing. The manager can review and analyze the feedback
  • View order customization: The manager can review the customized orders that users have requested, and contact that specific user from the contact details given at the login time

User module

User can login into the system, or even without login users can see product lists, detailed descriptions of products, reviews, and ratings of products. Even without a login user can check all available products. But to place an order user needs to log in first to the system.

Registration and creation of user profile

The system shall require a user to register, in order to carry out the process to place an order. For registration it will ask the user for the following information first name, last name, city, street, landmark, state, pin, phone number, email, and password. The system will automatically generate the user’s profile.

Making Order

After registration user’s credential is saved in databases and using the credential user can log in to the system. For place an order user must do login first otherwise the system will not allow the user to place an order.

After login into the system successfully now the user is able to place an order. The first user needs to search for the available product or the user can search for a product by category, one more option is available the user can select a product and customize it according to their need.

If a user wants to place an order of multiple products, then the first user selects one item and moves it to the cart using the ‘add to cart button, after adding it to the cart now user can go for another product and the user can add multiple products to add.

After adding products to the cart, the cart dashboard will show all the products, product quantity, and total price. Now users can place orders by selecting a payment method.

View Order History: The system shall allow a user to view all information about his previous orders. In history, the system shows the previous product, delivery status, etc.

Delivery Agent

Account Delivery agent is another important role in this system. The main role of the delivery agent is to deliver the product to the mentioned address and update the status of delivery. The delivery agent has functionalities mentioned below:

  1. Receive order: The delivery agent received the order and does a job of delivering the product on time
  2. Track order: The tracking status of the product during delivery is updated by the delivery agent. Tracking status like ‘product arrives, ‘on the way, ‘delivered’, etc. Users get to see this status on his/her side
  3. Verify payment: The delivery agent needs to verify the payment details like whether payment is already done or needs to be collected at the time of delivery
  4. Update order status: After delivering the order successfully, the delivery agent needs to update the status as ‘delivered’.

Software Required for Development

Module 1: Database Design – MySQL-for database

Module 2: Front End – HTML, CSS, JavaScript, React js.

Module 3: Back End – Eclipse IDE(Any IDE), Spring tool suite, Tomcat

Download The Complete Project code, report, and PPT of the Order Management System for Steel Fabrication Factory Java & MySQL Project.

Posted on

Development of E-Commerce Store Portal using Bootstrap and ReactJS

The main aim of this project is to design, develop, and implement of E-Commerce Store Portal website based on HTML, CSS, Bootstrap, JavaScript, and ReactJS. To give a high openness of administration we will structure the online site that supports local businesses, with the goal that potential clients need not go to a physical shop to purchase items or administrations. The objective of this E-Commerce Store Portal project is to create an e-commerce web portal with a content management system that would allow product information to be updated securely using a system. The E-Commerce Store web portal will have an online interface in the form of an e-commerce website that will allow users to buy goods from the merchants. This web portal will allow local organizations and start-ups to start their businesses and reach out to the market.

INTRODUCTION

This Bootstrap and ReactJS web portal project is aimed at developing an online static website for an E-commerce store that can be used by people to list their business on the website and will also provide customers to buy the products directly from the store. The website is based on HTML, CSS, Bootstrap, JavaScript, and React. Customers can buy the products directly from the store. This will help local businesses to register their products on the website. It will eventually help local businesses to increase their profits and people to buy the goods from the comfort of their homes. Users can see the products from the website. Our website will contain a Homepage where all the basic information about the store and details of the products will be available. This site is easy to operate and user-friendly.

OBJECTIVE OF THE PROJECT

The web portal will have an online interface in the form of an E-commerce website that will allow users to buy goods from the merchants. This web portal will allow local organizations and start-ups to start their businesses and reach out to the market

MOTIVATION

Online shopping practices are increasing rapidly, thanks to digitalization. Online E-commerce store owners are always eager to know how to increase traffic on their E-commerce sites and how to increase their profits to earn more revenue.  Hence by this, bringing together the various local businesses to a single platform so that anyone can access them anywhere according to their need. So, with the increasing importance of online sales and the growing number of customers visiting online stores we are going to develop a website that helps to save the time of the users. This website encourages local businesses to create their online store and supports them to run their business to grow.

E-Commerce Store Portal

Benefits of the proposed work

• Saves time for customers in quickly view various items on the E-Commerce portal.
• The ability to view and purchase items anytime, from anywhere with Internet access.
• Provides information about resort facilities.
• User-friendly interface.
• No Convenience fees.
• Total features of E-Commerce Website are accessible.
• Easy to use and simple to understand.
• Quick and save lots of time.

Modules and their functionalities:

1. Dashboard: This is the home page of our website.
2. Hawkers: This consist of all the hawkers available online for selling their products.
3. Feedback: The feedback area consists of all the feedback given by buyers.
4. Vendors: This contains information about the vendors and their products.
5. Place Order: This is used for placing an order of the product of your choice.
6. About Us: This page consists information of about the team behind the idea of promoting local businesses.

Implementation and User Interface

This E-Commerce Store Portal project is implemented with the help of Visual Code.

The user interface design was one of the core tasks in this project. The aim of UI design is to make the E-commerce application to be accepted and used easily.

Software Requirements:

  • Macintosh /Microsoft Windows /Linux
  • Virtual Studio Code or any other text editor
  • Chrome or any other browser
Posted on

React JS & Firebase Project on Promote Your Products Platform

Design & Development of Promote your Products Platform React JS Web Application is an advertising platform that focuses mainly on Small Scale Industries. This will help the industries to promote their products free of cost which help them to explore new opportunities and grow their business. The front end is Developed using React JS and Sass (an extension of CSS) which helped the site to be more interactive for the user. The backend is based on Firebase which stores the user and the company data securely.

We also provide added security to our users by authenticating them via mail and SMS. We have also added dark theme mode which is surely in trend these days. The users can interact with various industries and can even use alters to narrow down their choices.

The review and rating system also helps the users to share their views and can help others to choose what’s best for them. In conclusion, our Promote Your Products Platform site wants the business to grow and to help them broaden their horizons.

Introduction to Project Page

This React JS & Firebase Project website is a platform for the industries to advertise their products. This platform’s main focus is SMALL SCALE INDUSTRIES. Various industrialists can join our initiative for free and the promotion of the product is free of cost.

This will be a Web-based Application designed in REACT powered by Google Firebase. Firebase is a Backend-as-a service(Baas). It provides the developers with a variety of tools and services to help them grow their user base.

The user of our platform can securely SIGNUP for our site as it is completely secure. The industries can look for the products they want and choose from the best. With the rating and the review system, users can decide what’s best for them. The data of the user will be safely stored at the Firebase Backend. We have also given the user the alter facility where they can choose the specific industry they want to interact with.

Overall this is a Promote Your Products Platform that allows THE SMALL SCALE INDUSTRY to grow all together and expand its reach. This will help them to interact with more people which will in return expand their horizons.

WorkFlow of the Project:

Promote your Products Platform website Workflow

Project Category

This is an Internet-Based Multiple Pages Web Application with a secured Backend.

Objectives

PLATFORM TO PROMOTE THE PRODUCTS:

By registering the company on our Promote Your Products Platform, the business people will be able to add products: their name, description, and image which will help them to create a catalog for the company and thus will provide them the platform to promote their products.

This website is entirely free of cost. The companies only need to verify their mail id and phone number after which they are good to go. Since our site is perfectly authenticated and secured, the user will need not worry about privacy. They will receive OTPs through a protected system and hence their data is perfectly safe.

RATING AND REVIEW:

We also provide the facility to review and rate the services provided by the companies. In this way, a person can easily compare certain industries and can choose what’s best for them. The review can only be given by the person who has verified their mail ids and phone number. In this way, we can provide our consumers with genuine ratings.

Problem Formulation

We already know about the platform that already provides such a service. They provide a vast network for the promotion of their products. But the one major problem with these sites is that they charge money for the services they provide.

Very limited Small Scale Industries can avail such opportunities as some prefer that it’s not feasible for them to spend such an amount of money on promotion. So in conclusion, the Large Scale Industries are only benefited from the already available system, and as such no digital platform is available for Small Businesses.

Identification/Reorganization of Need

Since Ludhiana is a hub of industries, most of the families here own one or another kind of business. So we are pretty familiar with the problems faced by the small-scale industries in this sector. We have seen our families paying like Rs 40,000-Rs 60,000 to such platforms for their promotional products.

But after even paying such an amount of money, the outcome is not that fruitful. Business owners, get queries from places that are very far away, and those companies who contact them are not ready to pay for all such long-distance arrangements. So in this way, all the time is wasted. Since we have seen this problem closely, we can provide a better solution for this.

Existing System

For the existing system, we have an example of TRADE INDIA and INDIA MART. So let’s take an example if you go to these sites and you try to and a product, you will get suggestions for it from a place that’s like a thousand miles away and it’s not affordable for you to import that product. So in this case rather than giving you the facility which might be near you they provide suggestions that are not useful for you. In this way, you the consumer, and the manufacturer of the service both are losing.

The consumer is not happy with the suggestion and the manufacturer or the service provider who spent thousands on the promotion of their products doesn’t end up getting the order. So we can say the existing platform is not that reliable.

Proposed System

Since we had already gone through the drawbacks of the existing system, we can conclude they are more feasible for LARGE BUSINESSES.
But the main focus of our Promote your Products Platform website is SMALL SCALE INDUSTRIES. We are providing them with a free, reliable, and secured platform to promote their products. On our platform, the manufacturers, service providers, and consumers can come all together to help each other grow.

On our site, the company can register themselves and display their products. We also give the power to the consumers to review and rate the services provided by the companies. This thing will help not only the future buyers but also allow the companies to improve themselves.

Unique Features of the System

Secured Site: Our Promote your Products site is fully secured and hence our consumers can easily trust us with their private information.
Phone and Mail Verifications: We authenticate our users by sending them verification OTPs on the registered email and phone number.
Responsive: our site is fully responsive and it can be viewed on any browser
Password using hashing: The password set by the users are not visible to us as we use hashing, thus providing them full privacy.
Dark Mode: The toggle button on the right side will help the user to toggle between light and dark mode.

Programming:

  • React
  • React Native
  • JavaScript

Tools:

  • VS Code (Ide)
  • Node Js
  • Chrome Dev Tools
  • Firebase

Supporting Dependences:

  • Redux
  • Node-Sass
  • Material UI
  • Firebase-Tools
  • React Router Dom

Package Manager:

Npm: Node Package Manager
Yarn: Yet Another Resource Negotiator

Hardware Requirement

Operation System: Windows 7 or higher, MAC, Linux.

Conclusion and Future Scope

This Promote your Products Platform will work perfectly for the Small Scale Industries and will fulfill their needs. This platform will also help them to expand their business and interact with other people and explore a lot more. With the feature to form their catalog, it will help industries to give a detailed explanation about the services or products they over which helps to attract more customers.

The Rating and review system will also help the users to give their feedback and also help others to choose the best. Overall this platform is better Small Scale Businesses and will help them.

Posted on

Quora for College Full Stack Academic Project

Wikipedia is a collection of Human Knowledge whereas Quora for college is a collection of Individual Knowledge. Being on Quora for college will make you a better thinker, which will be handy in whatever else you may pursue. It’s a bit like going to school, except way better.

Fortunately, many of you humans have been enlisted to provide both questions and answers as a cover, maintaining the appearance of just another innocuous website. Just as the purpose of humanity is for the creation of the one great individual Quora is the quagmire from which springs ‘The Wonderful Lizard of Awes’.

Quora for college’s project mission is to share and grow the world’s knowledge. Quora for college is a knowledge exchange platform on the college campus, which can be shared by anyone who knows something. Sharing knowledge is a part of wisdom. It will reach the people who have a desire to acquire knowledge.

The main aim of developing the Quora-related website for college students is to quality communication between the students regarding the question and answer-based platforms. This project was developed using the Full-stack.

Modules

Our project Quora for College will be divided into different modules

  • Login and Sign-Up page
  • Add Question
  • Reply to Pre-existing question
  • Feed up

The login/signup page: There will be a validation form for the login to the website and login details will be stored in the database. And it is mandatory to log in foe entering the website without login/signup you will not able to access the website. We will also provide the way to login through google means Gmail or sign in with Facebook.

Ask Question: Quora for College will provide you a better chance to add a question of your interest and wants public opinion on it. Then Quora for College is best for you.

Reply to the question: Quora for College will provide you with a better chance to showcase your knowledge. It allows you to answer the questions asked by others on subjects in which you’re knowledgeable.

Feed: Quora for College will provide you feed option in which you will be able to see questions related to the different topics.

Mern Stack was used to develop this Academic project. Mern Stack Consists of

  • MONGODB
  • EXPRESS
  • NODE JS
  • REACT JS