Internship Report on Frontend Development Internship

Quillhash Technologies

A training report

Submitted in partial fulfillment of the requirements for the award of degree of

BTech

(CSE)

Submitted to

LOVELY PROFESSIONAL UNIVERSITY

PHAGWARA, PUNJAB

From 08/01/22 to 12/06/22

SUBMITTED BY

Name of student: Arjun Bhardwaj Submitted to

Registration Number: 11914887 Name of Supervisor: Puneet Kumar
Signature of the student: Designation: Mentor
 Annexure-IX (b): Student Declaration

To whom so ever it may concern

I, Arjun Bhardwaj (11914887), hereby declare that the work done by me on “Frontend
Development Internship” from 08, 22to 12, 22, under the supervision of Sparsh Tiwari,
Designation, Product Manager, and Puneet Kumar, Mentor, Lovely professional University,
Phagwara, Punjab, is a record of original work for the partial fulfillment of the requirements for the
award of the degree, BTech(CSE)

Name of the Student (Registration Number)

Arjun Bhardwaj (11914887)

Signature of the student

Arjun Bhardwaj

Dated: 15/12/2022
 Annexure-IX (c): Declaration by the supervisors

To whom so ever it may concern

This is to certify that Arjun Bhardwaj, 11914887 from Lovely Professional University, Phagwara,
Punjab, has worked as a trainee in Quillhash Technologies on “Frontend Development
Internship” under my supervision from 08, 22to 12, 22. It is further stated that the work carried out
by the student is a record of original work to the best of my knowledge for the partialfulfillment of the
requirements for the award of the degree, degree name.

Name of External Supervisor Name of Internal Supervisor

Sparsh Tiwari Puneet Kumar

Designation of the External Supervisor Designation of the Internal Supervisor

Product Manager Internship Internal Mentor

Signature of the external Supervisor Signature of the Internal Supervisor

Sparsh Tiwari Puneet Kumar

Dated:15/12/2022 Dated:15/12/2022
 To Whomsoever It May Concern

Name: Arjun Bhardwaj

This is to certify that Arjun has been engaged by our organization with effect from
August 1, 2022 to December 06, 2022 as a Front-end Developer.

His work during this period has been good and at par with our expectations.

During his tenure, we have found Arjun to be sincere, diligent and hard working.

We wish him all the best for his future endeavors.

For Quillhash Technologies:

CEO & Managing Director

Place: Gurgaon
Date: 06 December 2022
 ACKNOWLEDGEMENT

First, I would like to thank Mrs. Nillima Nair, HR, Head, of Quillhash Technologies
for giving me the opportunity to do an internship within the organization.

I also would like all the people that worked along with me Quillhash Technologies
with their patience and openness they created an enjoyable working environment.

It is indeed with a great sense of pleasure and immense sense of gratitude that I
acknowledge the help of these individuals.

I am highly indebted to CEO Preetam Rao, for the facilities provided to accomplish
this internship.

I am extremely great full to my department staff members and friends who helped me
in successful completion of this internship.

Arjun Bhardwaj
(11914887)
S. No. Title Page

1 Declaration by Student 2

2 Declaration by Supervisors 3

3 Training Certification from organization 4

4 Acknowledgement 5

5 List of Tables 6

8 Chapter-1 INTRODUCTION OF THE COMPANY 7

9 Chapter-2 INTRODUCTION OF THE PROJECT UNDERTAKEN 15

10 Chapter-3 BRIEF DESCRIPTION OF THE WORK DONE 18

11 Final Chapter- CONCLUSION AND FUTURE PRESPECTIVE 27

12 References 28
 INTRODUCTION OF THE COMPANY

QuillAudits is a security auditing services company providing high quality smart contract security
auditing and dApps pen testing services. We offer comprehensive security audit solutions for Defi &
NFT smart contracts and dApps built on major blockchains such as Ethereum, BSC, Polygon,
Polkadot, Solana and TRON. Our in-house team of Blockchain experts utilizes best industry practices
such as manual code, reviews, code best practices, functional testing & use of superior automated
testing tools. We have embraced more than 700 live projects to secure their smart contracts and
safeguard their valuable assets from potential vulnerabilities. We are committed to making DeFi space
a more trusted & risk-free experience for everyone.

A Brief overview of QuillAudits services:

QuillAudits is a fully-fledged cybersecurity ecosystem founded in 2018 by Quillhash Technologies,
Preetam Rao, we have been developing a sustainable business ecosystem that:
• Builds security infrastructure for the blockchain and crypto industry
• Ensures continued high-quality protection from major cyber risks faced by our B2B client
• Educates individuals on cyber risks and how to remain protected in a rapidly developing digital
word
• Builds B2C products for individual complex cyber protection
• Contributes to the development of an ethical hacker community through education and client
connection
• Incubates Web3 cybersecurity startups Having worked with more than 800 clients for the last
four years,
QuillAudits has become a leader in the blockchain security industry and established itself as the biggest
cryptocurrency exchanges auditor and a trusted brand in Web3 cybersecurity.

Quillhash Products

1. QuillAudits - Smart Contracts Security Audits Platform (https://audits.quillhash.com)

Through our Automated, Manual analysis, and formal verification, we provide a complete solution to
identify and determine vulnerabilities and violations of logic in the smart contract. As a Smart contract
auditor making the web3 world a safer place.
2. dNFT:- (https://dnft.quillhash.com) dNFTs will shape the future of NFTs in EOS. It will be used for
the real-life applications of NFTs. It is a proposed standard that can provide distributed ownership of
unique assets. dNFT bar may be of utility to various industries that require ownership in the form of
percentage shares or rights.

3. QuillPlay - (https://play.quillhash.com)
QuillPlay is a Smart Contract Service platform to develop smart contracts, deploy, audit, and monitor
smart contracts events. No programming is required. Please select from our catalog of pre-built
contracts, or design your own with a drag-and-drop interface.

➢ Company’s Vision and Mission:

Mission: “Make Web3 a safer place”

Vision: “We believe blockchain cybersecurity is not only about asset protection but a
whole new way of doing Web3: without scams and hacks, rug pulls, wash trading, and circulation
supply manipulations. New Web3 is about respecting your community, being honest with your
investors and partners, acting responsibly, and valuing reputation.”

➢ Origin and growth of company

QuillAudits Started in 2018 to make web3 a safer place. Preetam Rao and Rajat Gahlot is cofounder
of QuillAudits. We are a team of dedicated blockchain security experts and developers who are
determined to ensure that DeFi, NFT, and Smart Contract-based projects can avail the latest and best
security solutions to operate in a trustworthy and risk-free ecosystem.

Growth:

Over the years, QuillAudits has earned its reputation as one of the leading Smart Contracts Audit
Platforms in the Industry. We are a verified security auditor on Etherscan, smartcontractaudits.com,
and amongst the few whitelisted auditors on Unicrypt.

We have enabled more than 700 projects to achieve:

• Secure smart contracts with a detailed Audit Report on how to fix critical issues.
• Performance improvements and gas fee reduction for the project.
• Consultation on how to develop a secure and efficient platform.
 • Formal verification to ensure the smart contract’s performance.

➢ Various departments and their functions;

• Auditors: This department is responsible of all the technical stuff related to smart contract
auditing

• Business Development Team: Takes care of the client relations and business part

• Website Team: Responsible for all the things and updating the company websites and products

• Design: Handles all the designing needs

• Content Team: Work on blogs and overall Content of the needs of the organization

• Marketing Team: Represents the company on every platform and spreads word about
organization

• Devrel Team: Helps to maintain developer relations

• Product Team: Leads the product development

• Project Team: Handles all the auditing projects

• Growth Team: Handles all the partnerships, and client relations

➢ Organization chart of the company
 WEB3 OVERVIEW
The core distinctive feature of Web3 is the decentralization of business models. To that extent, it marks
a third phase of the internet (hence “Web3”) and a reversal of the current status quo for users. While
the first incarnation of the web in the 1980s consisted of open protocols on which anyone could
build—and from which user data was barely captured—it soon morphed into the second iteration: a
more centralized model in which user data, such as identity, transaction history, and credit scores, are
captured, aggregated, and often resold. Applications are developed, delivered, and monetized in a
proprietary way; all decisions related to their functionality and governance are concentrated in a few
hands, and revenues are distributed to management and shareholders.

Web3, the next iteration, potentially upends that power structure with a shift back to users. Open
standards and protocols could make their return. The intent is that control is no longer centralized in
large platforms and aggregators, but rather is widely distributed through “permissionless” decentralized
blockchains and smart contracts, which we explain later in this article. Governance—and this is one of
the trickiest aspects of Web3—is meant to take place in the community rather than behind closed
doors. Revenues can be given back to creators and users with some incentives to finance user
acquisition and growth.

What does this mean in practice? Essentially, it could mark a paradigm shift in the business model for
digital applications by making disintermediation a core element. Intermediaries may no longer be
required with respect to data, functionality, and value. Users and creators could gain the upper hand
and, through open-source rather than proprietary applications, would have incentives to innovate, test,
build, and scale.

The building blocks of Web3

The disruptive premise of Web3 is built on three fundamentals: the blockchain that stores all data on
asset ownership and the history of conducted transactions; “smart” contracts that represent application
logic and can execute specific tasks independently; and digital assets that can represent anything of
value and engage with smart contracts to become “programmable.” Each of these three fundamentals
has layers of complexity and nuance, and each is evolving in an effort to overcome startup troubles and
structural weaknesses. In this primer, we mainly cover the high-level aspects of these fundamentals
Blockchains as open-data structures. In Web3, application data are no longer stored in private
databases but rather on an open-data structure that anyone can write to and read from. This open-data
structure is the blockchain. Blockchains operate as public databases that store and secure all relevant
and transactional data. They are often referred to as “distributed digital ledgers,” meaning that the core
databases are duplicated and spread among multiple participants in a network of computer servers
called “nodes.” The “blocks” in blockchain are individual segments of data that are interlinked or
chained together. As new data are added to the network, a new block is created and attached
permanently to the chain. All nodes are then updated to reflect the change. The lack of central data
storage is a critical differentiator from traditional databases. Among other advantages, this means that
the system is not subject to a single point of failure or a single point of control or censorship. User data
are no longer fragmented across platforms, nor are they proprietary or for sale.

What is a Smart Contract Audit?

It is the process through which the auditors go through the source code to check if it properly adheres
to the predefined conditions that the developer has intended. Primarily, this procedure revolves around
looking for potential threats and cybersecurity vulnerabilities in the source code and recommending
effective fixes to eliminate them.

DeFi hacks have become a part of the day-to-day lives of blockchain users.

October is the busiest month of the most active year in terms of hacking activity. With more than half of
the month left, 11 separate hacks have stolen $718 million from DeFi protocols.
Maybe, it could be possible to avoid all of these or at least some of these hacks if the auditing process
had been effective enough.

Maybe, it could be possible to avoid all of these or at least some of these hacks if the auditing process
had been effective enough. Suppose you’re wondering about the benefits of conducting smart contract
auditing, then we have the answer.

Additional Resources: What is Smart Contract Security Audit? All you need to know
Some Advantages Of Getting A Smart Contract Audit For Your Web3 Projects
Implementing smart contracts has always been a significant reason to worry for businesses that run on
a blockchain. A project that has faults in it, once deployed, cannot be reversed. As a result, you tend to
lose the entire contract and its funds. Therefore, it is always suggested to get the audit done before
proceeding ahead with your blockchain project.
These are the benefits of getting a smart contract audit.

Helps in identifying vulnerabilities

A smart contract audit is done so that the security auditors can look into the blockchain project and
find its significant flaws. This way, they help you save money by avoiding costly errors. If they get
potential fatal bugs in the early development lifecycle itself, then they can aid you in preventing them
from turning fatal after the launch.
Optimize the performance
When you get an audit done for your web3 project, it enhances the performance of the smart contract
and boosts gas optimization. Moreover, when a security auditor checks your code, you get a review
from an expert who has spent many years in this industry and can recommend various changes to
improve performance. The process will help you eliminate all the code errors while simultaneously
ensuring that time and resources are used effectively. Even if there are no errors in your code, it doesn’t
run at its optimal capacity unless it is audited.

Enhance the trust of the investors

For every business, it is crucial to building trust with the investors and users. A smart contract audit
becomes that security stamp that gives the confidence to the investors that you have paid attention to
adding one more layer of protection to your project.

In other words, when you conduct this process for your web3 project, you are contributing immensely
to safeguarding the reputation of your project. The users and investors then ensure that the project
works fundamentally well.

Additional Read: List of common vulnerabilities in Smart Contract

Aids in preparing risk assessment plans for future
Every business organization has some or other confidential data that needs to be secured. Risk
assessment and mitigation plans help a lot in keeping the data confidential. And what helps in
developing these plans?

Smart contract security audits!

The audits will create a wall around your blockchain project, saving it from malicious hackers. It serves
the purpose of a security drill for your work.

Easy Integration
Current tools are made to integrate into diverse development environments to perform continuous
security analysis.
Automated Verifications
Auditors can set up automatic checks to track security flaws as one creates and updates the code.

Get a detailed analytics report.

After every audit is complete, you will get audit reports with all the details of the vulnerabilities found,
clubbed up with suggestions on how to mitigate them.
 INTRODUCTION OF THE PROJECT UNDERTAKEN

➢ Objectives of the work undertaken

I have Assigned with 3 Major tasks under my internship as a frontend developer and all the tasks
have major objectives to increase the user experience of the customers by improving exiting sites
and working on new websites and products to increase customer engagements,

• QuillAudits Website (https://audits.quillhash.com/smart-contract-audit): This is the key

website of the company I have Improved this website in terms of page speed, optimization,
launched new services pages, add new functionalities.

• Blog Website (https://blog.quillhash.com): I have build this website from scratch, In terms
design, frontend and backend from ideation to final product everything done by me, this
basically a blog website where all the content and bogs will roll out

• Quillcheck (https://quillaudits.com/tools/quillcheck/): This is a flagship rug pull detection

tools, which helps the developer and community to check rug pull on different web3
projects. And I have assisted the lead developer on this on the frontend part.

➢ Scope of the Work

I’ll explain the scope of works according to different products on which I have worked under my
internship as frontend developer:

• QuillAudits Website (https://audits.quillhash.com/smart-contract-audit):

o Improved the responsiveness of website
o Improve the website optimization
o Improve the page speed to large extent especially in terms of mobile view
o Improve the core vitals of the website
o Improve the design language of the website
o Improve User experience of website
o Roll out new service page like: Near Audit, Algorand Audit, Tezos Audit and
 referral page
o Resolved the JavaScript bugs
o Improve and maintain the code structure
o Add different functionalities
o Revamp the home page as per web3 design
o Maintain code repository

• Blog Website (https://blog.quillhash.com):

o Build the entire website
o Work on the website layout
o Set all the pages and site structure
o Make site responsive
o Worked on website optimization
o Handle the server side

• Quillcheck (https://quillaudits.com/tools/quillcheck/):
o Help the lead developer on the frontend developer of the website
o Works on rug pull leaderboard using the API

➢ Importance and Applicability

The tasks which I have undertaken under internship have created a major impact on companies
and my individual growth as a developer I will listed few pointers regarding its importance and
applicability

• Improve the websites google ranking

• Improves website performance way ahead from the competitors

• Created featured snippet almost for all the services pages

• Blog website helps us to create a web3 community

• Quillcheck helps the end user to detect the rug pull on web3 projects

• All my task helps and support the company’s vison of “Make Web3 a safer place”

• Increase website engagement and overall performance on different browsers and search
engines
➢ Role and profile
I have worked as frontend developer and all the frontend needs of the organizations will go
through me, I have maintained all the company websites, worked on some new and exciting web3
flagship products also worked on community builder projects like blog site.

As a front end developer my major responsibility: to ensure that website visitors can easily
interact with the page. They do this through the combination of design, technology and
programming to code a website’s appearance, as well as taking care of debugging.

Tasks as a frontend developer:

▪ Optimizing the user experience.

▪ Using HTML, JavaScript and CSS to bring concepts to life.

▪ Developing and maintaining the user interface.

▪ Implementing design on mobile websites.

▪ Creating tools that improve site interaction regardless of the browser.

▪ Managing software workflow.

▪ Following SEO best practices.

▪ Fixing bugs and testing for usability.

 Brief description of the work done

• Position of Internship and roles

I have worked as frontend developer and all the frontend needs of the organizations will go
through me, I have maintained all the company websites, worked on some new and exciting web3
flagship products also worked on community builder projects like blog site.

Area of Responsibilities for my role/ Position:

• Technologies used during Internship:

o HTML

o CSS

o JavaScript

o jQuery

o Bootstrap

o Reactjs

o Git

o NPM

o Nodejs

• Tools used during Internship:

o Chrome Dev Tools: Chrome DevTools is a widely used web development tool that
allows you to edit web pages directly from the Google Chrome browser and
diagnose problems rapidly to build better websites. With the help of Chrome
DevTools, you can easily edit your HTML & CSS code or debug JavaScript code
in a real-time environment. It offers you numerous additional prominent
advantages such as using ‘Timeline’ you can conveniently recognize run-time
performance problems, the ‘Device Mode’ can help you test the responsiveness of
the website, ‘Sources Panel’ can be used to debug the JavaScript using breakpoints,
the ‘Network Panel allows you to view and debug network activity, and many
more.

o Saas: Sass is one of the most widely used CSS extension languages across the
world. What Sass does- it helps to extend the functionality of CSS such as variables
creation, inline imports, inheritance, easier nesting, etc. You need to know that it is
entirely compatible with all the CSS versions that make it convenient for the
developers to use any available CSS library. Meanwhile, you’re required to install
 and set up Sass on your project before using it. Once it will be installed – you can
conveniently compile your Sass to CSS using the sass command. Sass is being
supported by numerous renowned tech companies & developers and Bourbon,
Compass, Susy, etc. are some of the popular frameworks that are built with Sass.

o Visual Code Studio: A better code editor is a fundamental requirement of front-

end developers – and with a similar concern, here we’re mentioning one of the
most recommended code editors for you i.e., Visual Studio Code. This open-source
code editor by Microsoft leverages you with numerous remarkable features such as
syntax highlighting, smart code completion, built-in debugger, built-in Git
commands, easier deployment capabilities, and many others. In addition, it is
available for Windows, macOS, and Linux as well – also, Visual Code Studio
provides you with built-in support for JavaScript, TypeScript & Node.js and other
languages such as C++, Java, Python, PHP, etc. can also be supported using
extensions. You’re strongly recommended to give it a try to Visual Studio Code,
especially if you’re a beginner front-end developer.

o Git: Another tool that comes in this list is a popular version control system – Git.
It allows you to manage the source codes, track the changes that you’ve made in
your code or even roll back to the previous state in a much convenient way. It
saves every change and allows all the developers in the team to work on the same
code at the same time without any hassle. It makes the collaboration among
developers more smooth by reducing the risk of situations like code conflict, etc.
Meanwhile, Git is free to use, open-source, and very much secure – what else you
need to get started with the enriching tool for front-end web development.

o SEMrush: semrush is an SEO tool that does your keyword research, tracks the
keyword strategy your competition uses, runs an SEO audit of your blog, looks
for backlinking opportunities, and lots more. Internet marketers all over the world
trust Semrush

o Google Search Console: Search Console lets you easily monitor and in some
cases resolve server errors, site load issues, and security issues like hacking and
malware. You can also use it to ensure any site maintenance or adjustments you
make happen smoothly with respect to search performance.
• Challenges faced and how those were tackled

Faced many challenges during my internship, some of were listed down below:

o Increase the website page speed: My one of the early task which was given to me
during the internship is to increase the website page speed score and initially I facing
many problems during I haven’t done something like this earlier in the production
level so I have to learn each and everything about the website optimization so I have
enrolled in one of the website optimization courses suggested by sir preetam rao, In
that particular course I learned about core web vitals and how they impact website
speed and how we can improved that, after I have improved the page speed
drastically for desktop from 75 to 99 and for mobile from 40 to 90

o Creating the Featured snippet on browser: Creating a featured snippet on the

google search engine is one of the most challenging task which I have completed
during my internship, because I have to study the google algorithm that on what
factors it supports a website, initially my lead also resist me on this journey but then
after showing my research we get on same page I have achieved my goal and our
website most of the pages were making featured snippet
• Leaning Outcome:

o Learn in depth about web development

o Learn about professional working culture

o Get hand-on experience on frontend technologies

o Learn web core vitals

o Learn about website optimization

o Learn about git maintenance

o Inherit good coding practices

o Learn about software documentation

o Get to know about professional meeting etiquette

o Learn about professional represtation at any event

o Learn about product development lifecycle

o Learn In-dept about new technologies in web3 space

o Learn basic about blockchain, NFT, DEFI, and all major web3 ecosystem

• Achievements & Events:

Got the appreciation from our CEO Preetam Rao Sir, on our company’s KUDOS CORNER
o Attend the WEB3 Conf GOA: This event is extremely special because help me to get
to introduced by the amazing world of web 3
o Attend the ETH India Event: This event is basically hackathon and a numerous
amount of web 3 events like polygon connect and many more
 CONCLUSION

To conclude my internship experience I would say that it was an enriching experience for
me both in terms of professionally and personally , I have acquired so much of knowledge as
a frontend developer , I have done so many different things during my internship tenure I
have worked on a product and understand how to write a production level code learn about
different a/b testing , learn about website optimization, responsive, seo functioning, search
engine behavior, worked on a real D2C product Quillcheck, also learn about content display
and management through blog website which totally transform me as frontend Developer
and helped me to became a professional from a fresher.

One major learning from this internship is that I got a chance to introduced from this
amazing of web3 , here I know about how our future will look-like in the upcoming years, I
have learned about smart contracts, different blockchains like bitcoin, Ethereum also I have
heard a lot about NFTs but through QuillAudits I know what it really is, learn about
decentralized finance.

This Internship will surely a J-curve in my learning journey, I would like to continue this
learning curve, and my curiosity towards web3 and work on my frontend development skills
furthermore.
 References

Web Links:

• https://audits.quillhash.com/smart-contract-audit

• https://blog.quillhash.com/

• https://quillaudits.com/tools/quillcheck/

• https://frontendmasters.com/guides/front-end-handbook/2019/\

• https://web3confindia.xyz/#home

• https://ethindia.co/