Category: HTML Projects

Posted on

Employee Task Management System Web Project using PHP and MYSQL

Problem Description

We need to make a system in which mentors can assign tasks to the employee and other mentors can monitor the availability of employees and on that basis, they can assign him/her new task. As well as employees can see all the assigned tasks with priorities. The app should be able to: Store data on new Employees/Trainees and new Task Assignments Employees can see the availability of other employees, trainees, and interns but trainees will not be able to see other availability. Employees can assign tasks with details like task name, task description, assigner, priority, and expected hours for completion to other employees’ or trainees’ ToDo lists considering the maximum limit of a total of eight hours for an employee before assigning any task.

Target Audience

This is a very common problem in companies where an employee already working on an assigned task and another mentor or boss going to assign him a new task, S/He might not know the employee’s availability and the priority of the task on which the employee already working. In that scenario, there will be lots of communication going around to assign the task, due to which task going to be delayed. To resolve these issues and make employee availability transparent, we need to make a system in which mentors can assign tasks to the employee and other mentors can monitor the availability of employees and on that basis, they can assign him/her new task.

As part of the curriculum of B.tech and to gain practical knowledge in the field and Python programming and web development we have made this project. We have boosted our skills through it.

In this Project, we have worked on VS Code and GitHub. Git Bash, Mysql, Software xamp, CSS, and HTML.

Employee Task Management System is created in PHP and MYSQL. It deals with the rundown of workers in an organization or an association. It likewise contains the training went by every Employee. Representative is the foundation of an organization so the Employee Management System is an extremely useful framework for an association or organization.

It also contains training attended by each employee. The employee is the backbone of a company so the Employee Management System is a very helpful system for an organization or company. This system also manages the company employee details like their attendance, their performance, salary details, and leave details.

This section compresses the assessment of the writing important to the Employee Management System. It looks at hypotheses, ideas, methodologies, strategies, and systems important to the venture.
Comparative existing advances identifying with the improvement of the Employee Management Systems are talked about.

In this Project, we have worked on VS Code and GitHub. Git Bash, Mysql, Software xampp, CSS, and HTML. Employee Management System is created in PHP and MYSQL. It deals with the rundown of workers in an organization or an association. It likewise contains the training went by every Employee.

Representative is the foundation of an organization so the Employee Management System is an extremely useful framework for an association or organization. It also contains training attended by each employee. The employee is the backbone of a company so the Employee Management System is a very helpful system for an organization or company. This system also manages the company employee details like their attendance, their performance, salary details, and leave details.

Design Diagrams:

Use Case Diagram:

Data Flow Diagram:

ER Diagram: Sequence Diagram:

Activity Diagram:

Functional Requirements

REQ-1: Authentication 

  1. Login- The user can log in to the system with his/her username and
  2. Logout- The user can log out from the
  3. Login failure- If the user does not exist in the database or the user has not yet been authorized by the

REQ-2:Authorization 

  1. User role check- After logging in, the user role will be checked from the database and the user interface will be displayed according to their role.

REQ-3: Employee Management 

  1. Display- Users with defined roles can display the content of the database. To be more specific, an employee can only view his/her personal Boss and can not only see his/her personal information but also employee’s information who are under his/her department or school.
  2. Edit- A user with an employee role can edit his/her specific personal

information. Boss can only edit employees’ personal information that is under his/her coverage except for user role type. The Boss can check employee availability.

REQ-4:Trainee Management 

  1. Training – The Boss and employee shall create training tasks and assign them to other Bosses and employees and employees and trainees respectively that are required to attend the training as well. Boss and Employee can also check the availability of the trainee.

REQ-5: Task Management 

  1. Tasks – Boss and Employee can check assigned tasks, they can check task priority. they can also create the task and assign the task.

1. Sign Up
2. Login Up
3. View Employee Details
4. Create Task
5. Priority
6. Availability
7. Assign Task
8. Task Status
9. Task Done
10. Task Details
11. Personal Details
12. Submit Task

System Features

Module Description

Sign Up: Bosses, employees, and trainees will sign up using their credentials.

stimulus: boss/employee/trainee will sign up through the signup button.

response: dialogue box for “thank you for signing up” appears.

Log in: Boss, employee or trainee will log in to the system using their unique ID.

stimulus: boss/employee/trainee will log in through the login button.

response: for boss/employee/trainee different pages will appear respectively.

View employee details: contains employees’ details.

stimulus: click on the button to View employee details.

response: Details appear (only boss and employee can view details)

Create Task: boss can create tasks for employees or another boss. Employees can create tasks for trainees or other employees. trainee can not create tasks.

stimulus: click create task button.

response: the task will be created

Priority: Check the assigned task priority.(boss/employee/trainee)

stimulus: click on check assigned task priority.

response : shows priority(High,Medium,Low).

Availability: check availability of boss/employee/trainee for assigning the task.

stimulus: click on the check availability button.

response: shows availability.

Assign Task: After creating the task the creator will assign the task to the boss/employee/trainee.

stimulus: click on the button to assign a task.

response: Task will be assigned

Task Status: change the task status whether it is completed/submitted/in progress.

stimulus: click on the button to change task status.

response: changes will be done according to your status when you choose options from it.

The task is done: The feature indicates the task is done. Only bosses and employees can access this feature.

stimulus: click on the task done button.

response: status will be updated once the task is done.

Task Details: will get trainees through the details of the task assigned.

stimulus: click on the View Task Details button

response: details appeared

Personal Details: will display personal details of the trainee to her /him.

stimulus: click on the View personal details button.

response: personal view appears to him/her.

Submit Task: The feature is for trainees only, to submit the task.

stimulus: click on submit task button

response: the task will be submitted.

Future Scope

1) AI is applied in almost every industry and may become a standard in the near future. 

2) Data visualization represents the data in a visual and understandable manner: graphs, diagrams, maps, etc.

Conclusion

This is a customized task management tool that enables your enterprise to manage all tasks efficiently in this troubled time & even in the post-COVID age. Our robust task management app help organizations face challenges related to project management & gain a higher Return Of Investment over the period while meeting deadlines and utilizing resources effectively.

Download the Complete Employee Task Management System Project code, Report, PPt, and Design Documents

Posted on

LSTM based Automated Essay Scoring System Python Project using HTML, CSS, and Bootstrap

Introduction

Essays are a widely used tool to assess the capabilities of a candidate for a job or an educational institution. Writing an essay given a prompt requires comprehension of a given prompt, followed by analysis or argumentation of viewpoints expressed in the prompt, depending on the needs of the testing authority. They give a deep insight into the reasoning abilities and thought processes of the author, and hence are an integral part of standardized tests like the SAT, TOEFL, and GMAT.

With essays comes the need for personnel qualified enough to carry out the process of grading the essays appropriately and ranking them on the basis of various testing criteria. Our project aims to automate this process of grading the essays with the aid of Deep learning, in particular, using Long Short Term Memory networks which is a special kind of RNN.

Automated Essay Scoring (AES) allows the instructor to assign scores easily to the participants with a pre-trained deep learning model. This model is trained in such a way that the scores assigned are in agreement with the previous scoring patterns of the instructor. So this needs the dataset which contains the information of scores given by the instructor previously. AES uses Natural Language processing, a branch of artificial intelligence enabling the trained model to understand and interpret human language, to assess essays written in human language.

Problem Definition

Given the growing number of candidates applying for standardized tests every year, finding a proportionate number of personnel to grade the essay component of these tests is an arduous task. This personnel must be skilled and capable of analyzing essays, scoring them according to the requirements of the institution, and be able to discern between the good and the excellent.

In addition to this, there are a lot of time constraints in grading multiple essays. This can prove to be cumbersome for a limited number of human essay graders. Having to grade several essays within a deadline can compromise the quality of grading done. Thus, there is a clear need to automate this process so that the institution carrying out the grading can focus on evaluating other aspects of the candidate’s profile.

The challenge was to create a web application to take in the essay and predict a score. We need to train a neural network model to predict the score of the essay in accordance with the rater. The model is to be made using LSTM.

Approach

In order to meet the need for automation of essay grading, we propose an application that provides an interface for users to choose an essay prompt of their choice and provide a response for the same. The user’s response is graded by the application within seconds and a score is displayed.

This application makes use of the technologies of Natural Language Processing that performs operations on textual input, and LSTM, which is used to train a model on how to grade essays. The application also uses the Word2Vec embedding technique to convert the essay into a vector so that the model can be trained addresses the issue of time constraints; automated grading takes place within seconds as compared to physical grading which requires minutes per essay. The net amount of time saved over a period of consistently using the application is vast; costs of maintaining human graders are also saved.

The application gives an output from the pre-trained LSTM model. The model is trained using a dataset provided by Hewlett Foundation in 2012 for a competition on Kaggle.

Web Application (Output)

The front end of the application was implemented using HTML, CSS, and Bootstrap. It provides the option for users to choose from a set of prompts and write an essay accordingly or to grade their own custom essay.

The landing page of the application:

Automated Essay Scoring System

Software Specifications

This application is developed primarily using Python, for the purposes of running the app. The model was built and trained on Jupyter Notebook. The front end of the application was designed with HTML, CSS, and Bootstrap. All the components of this application were integrated with the help of the Flask App, and the final project was deployed on IBM Cloud.

While training the model, the dataset was imported into the model with the Pandas library. Pandas library used was v1.3.0. Numpy v1.19.2 was used to handle array data structure. Natural Language ToolKit v3.6.2 was used to tokenize essays to sentences written in English and also to remove stopwords to make sure the sentences contain only relevant words. RegEx(re) package v2.2.1 was used to remove unnecessary punctuations and symbols present in the essay or sentences. Our model utilizes the Word2Vec technique to convert words to corresponding vectors. Word2Vec v0.11.1 was used to convert words into vectors. Tensorflow v2.5.0 was used to build the model. ScikitLearn v0.24.2 was used for data preprocessing.

To make use of the application, the user needs to have access to a stable internet connection and an operating system compatible with the latest versions of most browsers. In the absence of an internet connection, the application can be run locally. Still, the user needs to have the authorization to access the source code of our project for the same, which is not recommended for intellectual property purposes.

Future Scope

This application could be integrated and used by several testing institutions to meet their needs for essay grading. The model used could be trained with an increasing number of input essays to further improve its accuracy. The model could also be trained on giving a score on specific criteria of essay grading such as relevancy, linguistic and reasoning ability of the author. Research could be conducted on making the model faster. This technology could also be extended for use with languages other than the English language, effectively rendering it useful on a worldwide level.

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

IoT based Attendance System Project Using Blockchain and JAVA MySQL

The success of this IoT-based Attendance System app will ensure that many more parents and organizations will be motivated to use this common platform. It becomes complicated when strength is more. With the increase in technology, attendance monitoring is designed with android or web-based applications. However, the intention of this design is to provide a Blockchain-based app that can be downloaded and used by the organization with no third-party control to meddle with the data.

There is an update option to modify attendance when it’s needed. However, the modifications are recorded and tracked, just in case, it’s a fraudulent activity. Attendance is captured using IOT automatically and is entered into the blockchain which makes the data tamper-proof, secure and robust. The privacy of its users is preserved because the user ids are generated by a trusted third party. This data is available for the government for Scholarships and other related decision-making.

IOT-based Attendance System using Blockchain is an application that is made for students and faculty of a particular college to maintain students’ attendance which is captured through an IOT device(biometric) and then the attendance is stored in the Blockchain. Blockchain is used in this application to ensure safety and a tamper-free environment as the data cannot be manipulated and is used for government purposes.

Objectives

Generally, in many institutions attendance is monitored and marked using conventional systems like android or other similar web applications. Few conventional databases do not have features like checking whether any information has experienced unauthorized changes or not. In this system when the data is entered into the blockchain, no one is allowed to edit or delete the data.

This makes the application transparent and different from other web-based attendance systems as IoT is used to capture attendance through biometrics of the students in the class. Students’ poor attendance rate is one of the most challenging problems tackled by college management today. With the help of this application, student attendance rates can be improved which is also helpful for the government to take precise decisions regarding scholarship-like schemes for students with transparent data. Using blockchain and some encryption techniques, this application is made secure from any manipulations.

Student Login Page

Methodology

The fingerprint module will collect fingerprint data from multiple users and sends it over the internet to the website. The IoT-based Attendance System website is coded in HTML, and CSS, JSP has a MySQL database, and records of attendance are stored in Blockchain. By logging into the website, the student can view all their attendance records. The timestamp of students’ attendance is encrypted and stored in the blockchain.

CONCLUSION AND FUTURE SCOPE

This IoT-based Attendance System application helps to automize the attendance system and makes it easy to manage all the data. Encryption, decryption, and blockchain make the application very secure. The application has a very user-friendly UI and is made to keep UI and UX in consideration.

The future enhancement of this IoT based Attendance System application is

  • To use Ethereum to make the application up to date with the technologies
  • To generate automatic weekly and monthly reports

DATABASE TABLES SCREENSHOTS

Tables in the project.
Test case showing the home page after pasting the URL in the browser
Test case showing navbar functionalities working.
Test case showing login is done and navigated to the home page
Test case showing student registration is working.
Test case showing faculty registration
Test case showing faculty registration is working.
Test case showing attendance stored in blockchain

IoT based Attendance System Using Blockchain
Test case showing student’s attendance records.
Test case to get student report
Test case showing Student’s attendance report.
Test case showing download report is working
Test case showing all student details.
Test case showing all student’s attendance records.

Flow Chart Diagram:

Flow Chart

Architecture Diagram

Architecture Diagram

Usecase Diagram:

usecase diagram

Software Requirements

Programming Language: Java
Graphical User Interface: HTML, CSS with Bootstrap, JSP
Libraries: MYSQL connector jar file, Apache Tomcat jar file
Encryption Algorithm: SHA-256
API: JDBC
Framework: Java EE
Tool: Eclipse, MYSQL

Hardware Requirements:

IOT Fingerprint Scanner

Posted on

Resorts Management System Full Stack & Bootstrap Project

ABSTRACT

Resorts Management System Full Stack Website which is based on the user interface that is front end project which can be used by the customers to access the different types of rooms according to their needs and other facilities of the resort which include a banquet hall, restaurant service, rooftop pool service, etc. On our Resorts Management System website, we have included all the relevant details that user wants to access while searching for a resort, it has all valuable data or information.

Also if the user has any query regarding any service they can send us the message for the website. In our project, the Resort website that we have made is fully responsive which helps users to access it on any device or at anytime, anywhere. This application will help to improve services for tourists and also improve the revenue source for our resort.

OBJECTIVE

In the present time, there is a great rush in Resorts, as these have become a necessity for everyone in the society. People travel a lot, stay in hotels and resorts, goes to the hotels for functions, meetings, and refreshments. Our Resorts Management System project is developed keeping in mind the general needs of the customers when he goes to the resort. We cannot deny that we are now in much more technological improvement and especially for business, shifting from a manual process to online.

It focuses on giving the customer all the information about the park and its activities. If a customer wants to come to the park, he can see the facilities available and know the park rates’ impact online. This will also save time for our customers as well as the administration with online booking instead of on-site booking. This Resorts Management System is very secure due to the availability of login and password options. Creating profits and achieving customer satisfaction is the main goal of our system.

Providing customer satisfaction is the main objective of our project. And we have also been taking care of the expectations of the users when they search for some resort for their holiday or any other event. It focuses on giving the customer all the information about the resort, and photos of the resort, and also help them to see the various room in the resort and book them in advance, various other pages are the About Us page, Facilities Page, Faqs page and Contact Us page, Blog Page. If any customer is willing to come to the resort, he/she can see the facilities available and can know the cost-effectiveness of the resort online.

This will also save time for our customers as well as management by booking online instead of booking on the spot. The resort system Full Stack & Bootstrap project’s main idea is to develop an online web-based application that is accessible to all and to create a scope for visiting tourists from different geographic locations. 

DETAILS OF SOFTWARE USED

Technology Used:

  • HTML: The page layout will be designed in HTML
  • CSS: It is used for designing
  • JAVASCRIPT: To Program the behavior of web pages
  • Bootstrap: HTML, CSS, and JavaScript framework for creating responsive, mobile-friendly websites.

Resort Website

Software:

  • Microsoft Windows 7/8/10 or Linux
  • Vs Code or any other text editor
  • Chrome or any other browser

TEAM CONTRIBUTION

Teamwork plays a vital role to make any project successful. It needs the participation of every single member. Our team comprises four members and work will be equally divided among each member so that every member of the group can contribute and can give their best efforts on the Resorts Management System project.

LIMITATIONS OF THE SYSTEM PROPOSED

Besides the above achievements, we still feel the project has some limitations, listed below:

  • Limited information provided by this system
  • Since it is an online Resort project, customers need an internet connection
  • People who are not familiar with computers or using online websites can’t use this software
  • Heavy traffic leads to failure or long wait issues

CONCLUSION

Online has got a clear advantage over the manual system. The Online Resort system is more reliable, efficient, and fast at the end of the project. I can say that online websites play a very crucial role in the development of the firm.

  • Thus we have proposed a Resort Fullstack Website.
  • It eliminates the 3rd party website completely ( MakeMyTrip, Goibibo, Trivago )
  • This software aims at reducing paperwork & provide multiple facilities to users with fewer efforts and Access to the Portal according to choice & availability.

We have prepared a full-fledged working website on named Resorts Management System. It is a website based on the Resort Management system and displays various facilities and services offered by the resort. We have displayed various features of our resort-like hotels, rooftop, spa, swimming pools, banquet halls, etc. The central objective of our Full Stack & Bootstrap Project website is to provide an online facility for accessing all the services of our resort.

We have created a platform where customers can directly communicate with us and can overcome the problems of manual system and third-party platform issues. This Full Stack & Bootstrap Project aims at reducing paperwork and provides multiple facilities to users with less effort. Users can access the portal according to choice and availability.

Posted on

Online Medical Shop DBMS Python Mini Project

This project is based and innovated on an Online medical shop, wherein we store all the details about the customers, the stock of the medicines, orders, and payments and also the project will include a page wherein the user will indicate the symptoms and will get a probable disease and the prescribed medicine.

The project is aimed to modernize and support existing small business owners. In the age of technology where online medicine is dominated by e-commerce giants such as 1mg, net meds, etc. We wanted to develop a solution for small business owners as well.

The existing Medicinal systems have the provision for any user to book a request for a particular medicine through e-commerce. And further, the traditional methods to visit the medicinal centers for mere inquiry are time-consuming and monotonous and the non-availability is disappointing.

The data relevant to the processing of the request may or may not be manually stored or be captivated in a file system that is prone to manual errors, inconsistency, redundancy, and difficulty in retrieval. With our system, the availability can be shown so, even if a customer wants a pickup of his/her medicine. they can do so without any problems. Our model also has an integrated web scraper, which is an innovation we have come up with. This scraper can scrape medicines off the net for data warehousing.

This system maintains the storage details of all the customers and medicines that are stored in the shop. The system will keep track of the orders made and the payment details. NoSQL will be used to store future suggestions and customer reviews.

The main part of the project will be a part where the customer will be able to select his/her symptoms and medicine will be referred to them. Along with the expected disease. We also would integrate Web Scraping of all the medicines related to a particular disease entered by the user to store it in our database.

Software Requirements

• Language support required: Python 3.5 or later, HTML5, JS, CSS3
• NoSQL database required: MongoDB
• Relational Database required: MySQL
• Windows 7 or 10 /Mac OS X 10.11 or higher, 64-bit /Linux: RHEL 6/7, 64-bit (almost all libraries also work in Ubuntu)
• Heroku and pip are preferred for deployment and installation of packages (such as Django,asgerif, mongoose, etc) specified in requirements.txt
• A web browser support is needed.

If using the software through deployment, no language support in your machine is required.

Conclusion & Future Enhancement

This project was successfully built and completed. The project is an online medical shop with two categories of users (admin and customer) who can update inventory and place orders respectively. We have also added a web scraper as an innovation to this project. However, there are a lot of changes and addition of functionalities that can be done, which we intend to do after peer and faculty review.

Some of the enhancements are :

  • Listing of products linked with images to generate a more shop-relevant UI
  • Remove some programming language constraints
  • Online Deployment
  • And changes that our faculty and peers suggest.

In the end, we would once again thank our college, examiners, faculty guides, and teachers to help us finish the project within the speculated timeline.

Posted on

Development of Career Builder HTML & CSS Minor Project

  1. Introduction

There has been a demand for a career builder product, an application that can solve the problem of mock tests, and sample papers for different government and non-government projects.
The current trend of research on ed-Tech startups shows us that there is no specific application that solves this problem Several variants of this application are not focused on this. The current career builder web application project is to study and develop how this exam web and mobile application works so that we can build them in the forthcoming future.

  1. Motivation

Our country has too many government exams and the craze for it is too much but in the ed-tech market in this digital age, there is no stable application by which the aspirants can practice for the exams. In the modern era of 2021, the aspirants have to go to the local market and ask for the books for the preparation and mock exam of that particular government exam. Therefore we felt like there is a need for such a career builder application in the market. This is a pain point for many that we can see around us.

  1. Related work

Before starting this career builder project our team made many different google forms to know the need for this project and if something like this is required in the market or not.
Other than that we had previously observed people go to the local bookstore and ask for sample paper books and wait until it’s available also finding the papers is also tough since too many sites take extra permission and show nonrelevant ads.

  1. Objectives of the work

The objective of this career builder project is to make a well-focused web application (maybe a demo for this time and an upgraded version in the future and a mobile application too) so that the aspirants can find all the sample papers and mock exam papers in one place without suffering through the whole internet and make a business model in the future out of it.

  1. Technical Details

This career builder project is mainly developed using HTML, CSS, JavaScript, and JSON.
We are gonna develop an API to fetch data ( Questions and choices ) from the JSON file and are going to use external APIs for external data too. Some CSS frameworks will also be used for the beauty of the front end. The score of the user’s performance will be calculated and stored using local storage.

career builder Minor project ER Diagram

6. Hardware and Software Requirement Specifications

Write hardware and software requirement specifications.
The hardware required for the project is our team members’ laptops for programming and a WiFi router for remote work since we all are in different cities. Many software are used for communication and development as follows –

  1. Zoom – for planning and discussing the project and connecting virtually through video calls our team used the Zoom application which is also used in the tech industry for the same.
  1. Slack – for communication in the form of texts and images and also for data sharing except for the code we used slack and we could use other applications too but we choose it during a discussion because it is also used in the industry.
  1. Visual Studio Code – for the real work to be done in the programming we used the IDE called visual studio code. The two main reasons to choose this IDE only over the others are

a. We used it before in our college, therefore, we are comfortable with it.
b. It is widely used in the industry.

This software gave us support through its vast extensions some of which are

Live Server (main feature hot reload)
Prettier (format the code in ES6 the industry standard )

  1. Git Bash – for the use of the terminal for the Linux commands since 1 of our teammates uses Linux Operating System (Ubuntu) and it is beneficial to use these commands over windows commands (commands of Windows Power shell, etc ) since again because of industry standards – most of the startups in India provide mac book to their developers, the terminal of which also works on Linux commands and other companies also suggest to use Linux over windows at least for Command Line Interface.
  2. Git Hub – To deploy and share our code, it has many features like making branches and working separately together. To take the snapshot of that particular instant of the code for the future and other features like a staging area, commit, clone, and a remote code sharing system.

  1. Future Scope

The MVP version of the career builder minor project and its corresponding later versions can be used by the aspirants so that instead of finding papers on the whole web they can simply use a single website and study and practice without distractions.

  1. Conclusion

This career builder minor project is made with the idea of having a web application where the aspirants can practice with the sample papers of their particular exam.

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

Design & Development of Educational Institutions Grievances Portal Project

Currently, there is a portal name Grievances portal similar to this. In the grievances, portal people can share their local problems and their solutions are provided by anyone. But in our portal people can share problems of any region and they are taken up by colleges of the region facing problems. This helps several institutes to work collaboratively on a large scale.

Introduction: 

This Educational Institutions Grievances Portal Project report gives a scope description and overview of everything included in the Project Report.

The following is the overview:

Purpose:

The purpose of this report is to give a detailed description of finding and solving common issues with educational institutions. It will illustrate the complete declaration and purpose for the development of the system. It will illustrate an interaction, constraints, and interface between different users of the system.

System Overview:

This Grievances Portal Project takes the problems faced by students of a particular institute as input in the form of upvotes or posting a problem. All users have to log in using Google authentication facebook or any social media platform. This helps to keep the track of users participating.

The institute first has to register so that it is possible to keep a track of which colleges are participating. All the passwords of institutes are encoded using ​md5 ​and the colleges can then take up the problems about a particular locality and can do collaborative projects to solve them.

The solutions are generally provided in the form of videos which is easily understandable to the local public. But before posting solutions, the colleges have to first check for the authenticity of the problems. They can mark any solution as duplicate or bogus.

This ensures any unrelevant problems from reaching admin and the system is thus maintained. Finally, a report is generated in the form of an excel sheet that helps the admin to know the problems existing in our country. This file can be downloaded as well.

Model of Solution:

Goals:

The Grievances Portal Project aims for semantic text/web page classifications. It provides a better and more comprehensible platform for posting college-level problems and finding solutions. It is extremely user-friendly and easy to use.

Objective / Future scope:

● Define a mechanism to decide ​the count of votes needed to approve an issue
● Once voting is closed for an issue i.e. when the issue is upvoted by the number of users count of votes needed to approve an issue, then the upvote facility will be closed and the system immediately sends a notification to all the related institutes.
● There should be a way to maintain “Reputed Institutes”
● Admin should be able to see which Institutes are working on that problem.
● Each problem should have a thread on which registered users may discuss its solution or upvote or downvote the solutions also.
● The emails of users sending “bogus approved issues” may be blocked when marked as bogus as colleges​

Functional and non-functional requirements:

Grievances Portal Project website there three types of users:

● Citizens
● Institute
● Admin

All users get the same view of the website with similar functionalities but they all perform different tasks.

Functional Requirements:

User Functions

1. Sign Up
2. Can change his/her profile
3. To add an issue
4. Users may also look for issues in any region
5. Can visit a problem description directly through a URL and upvote for it.
6. Users cannot upvote the same issue more than once.
7. Will be notified through email to approve if any solution is available for any of the problems he has upvoted for.

Institute Functions

1. Institutes will have a login

2. After login they will be able to see the issues of ​their region only​ like

a. Unsolved issues (approved)
b. Issues with solutions

System Functions

1. Knows list of Institutes per district
2. Gets added issues and stores
3. Keeps a track of upvotes per issue – Once upvotes reach a ​threshold ​the issue is notified to all the Institutes in that region or district via email. (Institutes can see approved issues of their region via their login as well).

  • Problems of a district may be shown to that region instead of that district
  • Institutes of nearby districts may fall under the same region.
  • Or simply it can be forwarded to the Institutes falling in the same district.

4. Once an Institute submits a solution, the system notifies all the users who upvoted for that issue. So that they may approve the solution.

5. Will know how many solutions an Institute has provided. It means how many of them are solved issues.
6. Long pending issues should be notified to UGC who then will notify the Institutes
7. Institute should be notified when its solution is approved.

Administrator Function

Reports to be generated

The technology stack used:

Backend: PHP.
Frontend: Html, Jquery, javascript, Ajax, bootstrap.

Implementation strategy:

1. Initially, the whole template was designed to suit our requirements.
2. Bootstrap was used for the development of the template of this website (SB Admin 2)
3. All pages were then linked which made the division of work easier.
4. The whole backend was made using PHP.
5. There were various event listeners used in this system like on focus, click, change, etc., which were implemented using JS and Jquery.
6. Almost all pages had the same page refresh and reload for which we have used AJAX.

Conclusion:

1. Our team has completed a Web Application
2. Product Design was a crucial point in the development
3. We now have a complete understanding of how a website works from start to end
4. We learned a new language – AJAX. We also strengthened our knowledge in PHP, JS, and Jquery.
5. Most importantly, we learned how to work in a team.
6. The future scope of our specified in the Goals -> Objectives section.

Posted on

Simple Hotel Management System Project Using HTML and CSS

Project Title: Hotel Management System

Introduction: This project is about the hotel management system. There are different types of apps are circulating all around which gives us an idea about the new system of hotel management. The sites like Oyo, trivago, and just dial are the best successful startups in India which define how people are shifting from offline areas to online ones. People now prefer the easy way that always makes their life easy.

In this project, we develop a web page for a hotel management site that includes the type of rooms, login, and signup options for new users who want to join the site for further use. Different types are rooms are categorized under one section of the web page, check-in and checkout options are available we can online book the rooms and after any further query, we can modify or drop our room type or our booking.

And also it includes the address and contact number of the officials and members of the hotel if there is any issue is there for customers can easily contact and resolve their issue.

Nowadays we all know very well that people are shifted to the world of the internet. If any random person goes to some unknown place and needs to take a hotel what he can do in an unknown place? That is why the internet is the best thing around us. Our HTML, CSS, and JavaScript-based web application project is to develop a hotel management system.

It consists of hotel booking, Types of rooms, classes of rooms, and different booking sites. How people can contact the manager to get the details or to consult for future booking the Facebook, Instagram, and Twitter accounts are also linked to the homepage.

This website is developed using HTML & to add designs and make it more attractive we used CSS and JavaScript to make it as best as we can. Different photos are included to give customers about the hotel.

This system is used to book hotel rooms and it is also used on OYO and other booking sites. Check-in and Checkout options are included with Signup and log in as an Existing Customer or New Customer options are available.

MEMBERS AND THEIR ROLES:

In our group, three members are present. The preparation of the synopsis for this project is made and the layout for the project is created. The coding part is done by all the members of the group as we manage to create a better layout with different ideas and different views that can create the best of one web page for us.

Contents of the web page:

• Home page
• Room type
• Location
• Contact us
• Address
• Prices and offers
• About us

This web page is developed using HTML, CSS, and JavaScript. HTML is used to prepare the main web page for the hotel booking system. CSS is used to make it more attractive and elegant. Customers are always attracted to the attraction we made for them. different types of loading are used for different font styling in it.

Different links are provided on the home page to get into from Instagram, Facebook, and Twitter. On this web page, you can select different types of rooms on basis of your requirement as ac, and non-ac rooms are available. Customers can book the rooms online and made online payments and book your room. This site is just like how Oyo and different booking sites work.

Some other web applications for Hotel Management Systems

Hotel Reservation Application Spring MVC Hibernate Project

Spring & Hibernate-based Hotel Room Booking MVC Project Code.

C#.Net Project Synopsis on Hotel Management System

Modules:

This project is divided into 3 parts:

The first part is named the HM file which deals with the coding of the main home page of hotel booking sites and all the details of the hotel are included in this code.

The second part is named CSS style. This file deals with the programming in CSS which gives the HTML home page styling and helped it to look far more attractive in it. This module gives the looks and makes it attractive for visitors.

The third part is included the different codes for the elegant different font styles. There are 3 different files present here for the fonts. Different images are included here and also a logo is there for the developer.