CRYPTO INFO WEBSITE

Mini Project & Internship Synapsis

Submitted
In Partial Fulfillment of the Requirement for
The Degree of

Bachelor of Technology
In
Computer Science and Engineering Submitted by:

KRISHNA KUMAR SINGH (2300540100090)

KSHITIJ SRIVASTAVA (2300540100093)
KETAN SINGH NEGI (2300540100088)

MANISH CHAUDHARY (2300540100099)

ATUL KUMAR (2300540100058)
Under the Supervision of:

Mr. MANISH SINGH

(Assistant Professor)

Department of Computer Science & Engineering

Faculty of Engineering

BABU BANARASI DAS INSTITUTE OF TECHNOLOGY &

MANAGEMENT -054, LUCKNOW, INDIA DEC 2024
 DECLARATION
We hereby declare that the report titled “Crypto Info Website” is an authentic record of the

research work carried out by us under the supervision of Mr. Manish Singh

Department of Computer Science & Engineering, for the period from 2024 to 2025.
No part of this report has been presented elsewhere for any other degree or diploma earlier.

We declare that We have faithfully acknowledged and referred to the works of other researchers

wherever their published works have been cited in the report. This further certify that We have not

willfully taken other's work, para, text, data, results, tables, figures etc. reported in the journals,

books, magazines, reports, synopsis, theses, etc. or available at web-sites without their permission,

and have not included those in this B.Tech report citing as my own work.

Date: Signature

STUDENT NAME:

KIRSHNA KUMAR SINGH (2300540100090)

KSHITIJ SRIVASTAVA (2300540100093)

KETAN SINGH NEGI (2300540100088)

MANISH CHAUDHARY (2300540100099)

ATUL KUMAR (2300540100058)

 CERTIFICATE
This is to certify that Mr. KRISHNA KUMAR SINGH, KSHITIJ SRIVASTAVA, KETAN SINGH
NEGI, MANISH CHAUDHARY AND ATUL KUMAR has carried out the work
presented in the report titled “Crypto Info Website” submitted for partial fulfillment for the award
of the Bachelor of Technology In Computer Science & Engineering from BBDITM, Lucknow
under my supervision.

It is also certified that :

I. This report embodies the original work of the candidate and has not been earlier submitted

elsewhere for the award of any degree diploma/certificate.

II. The candidate has worked under my supervision for the prescribed period.

III. The report fulfills the requirements of the norms and standards prescribed by the AKTU

and BBDITM, Lucknow, India.

IV. No published work (figure, data, table, etc.) has been reproduced in the report without

express permission of the copyright owner(s).

Therefore, I deem this work fit and recommend for submission for the award of the aforesaid

degree.

Mr. Manish Singh Dr. Anurag Tiwari

Mini project Report Guide (H.O.D)

(Assistant Professor) Department of CSE,

Department of CSE, BBDITM

Lucknow, BBDITM, Lucknow

DATE

Place : LUCKNOW
S.NO Contents Page.No.

1,2 Title Page I

3 Declaration II

4 Certificate III

5 Abstract IV

6 Introduction 1,2

7 Methodology 3

8 Data Flow Diagram 4

9 System Requirement 5

10 Future Work 6

11 Conclusion 7

12 List of Tables and Figures 8

13 References 9
 ABSTRACT
Welcome to cryptocurrency information website, where you can explore a vast range of

cryptocurrencies with different currencies and access real-time price charts that are fully responsive

on mobile, tablet, and desktop devices. Our website offers a user-friendly interface with easy-touse

pagination features that make it simple for you to navigate through the extensive list of coins and

currencies. You can find detailed information about each cryptocurrency, including their history,

market cap, trading volume, and much more. With our real-time price charts, you can monitor the

latest price movements and make informed decisions about your investments. Our website is

regularly updated with the latest data and news, ensuring that you always have access to the most

accurate and up-to-date information. Whether you're a seasoned investor or just starting your

journey into the world of cryptocurrency, our website has something for everyone.

https://krishnazi.netlify.app/
 INTRODUCTION
Welcome to comprehensive cryptocurrency information website, designed to provide you with all

the latest and most accurate information about the world of digital currencies. The cryptocurrency

market has exploded in popularity in recent years, with many investors and traders eager to take

advantage of this new and exciting asset class. At our website, we offer a one-stop solution for

anyone looking to learn more about cryptocurrencies and their associated technologies. With a vast

range of features and information, our website caters to both novice and experienced investors,

providing a wealth of resources and tools to help you navigate this dynamic and ever-evolving

market. Our real-time price charts, which are fully responsive across all devices, allow you to

monitor the latest price movements for a wide range of cryptocurrencies and currencies. We also

offer detailed information on each coin, including their history, use cases, and future potential.

Whether you're looking to invest in a specific cryptocurrency or simply want to stay up-to-date

with the latest market trends, our website has everything you need to succeed in the exciting world

of cryptocurrencies.

Features:

Real-time Price Charts: Our website offers real-time price charts for a wide range of

cryptocurrencies, allowing you to monitor the latest price movements and make informed decisions

about your investments.

Currency Conversion: Our website provides a convenient currency conversion feature, allowing

you to view the prices of cryptocurrencies in your preferred currency.

User-friendly Interface: Our website is designed to be user-friendly and easy to navigate, with

simple pagination features that allow you to browse through the vast amount of data on our site

with ease.

Responsive Design: Our website is fully responsive, ensuring that it works seamlessly on desktop,

tablet, and mobile devices.

 METHODOLOGY
The methodology used for creating the crypto info website involves several steps:

Planning and Research: The first step would be to plan and research the project, including the

design and features of the website. This will involve identifying the necessary components and

features, as well as determining the appropriate technologies to use.

Setting up the Development Environment: Once the project plan is in place, the development

environment should be set up. This involves installing and configuring the necessary software and

tools for React development, such as Node.js and a code editor.

Creating a React App: The next step is to create a new React app using the create-react-app

command. This will generate a basic project structure that includes a starting point for developing

the website.

Integrating the API: With the app created, the CoinGecko API can be integrated to fetch realtime

data. This involves making HTTP requests to the API and processing the data to be displayed on

the website.

Designing the User Interface: After integrating the API, the user interface of the website can be

designed using React components. This includes creating a layout and styling the components

using CSS or a preprocessor like SASS.

Implementing React Functionality: The React functionality can now be implemented to create a

dynamic and interactive website. This includes adding features like real-time price updates,

searching for specific coins, and sorting by different metrics.

Testing and Deployment: Once the website is complete, it should be tested on different devices

and browsers to ensure compatibility and fix any issues. Finally, the website can be deployed to a
DATA FLOW DIAGRAM
 SYSTEM REQUIREMENT

1. API: The website would require an API to access crypto currency realtime data from a thirdparty

source. This API would need to be able to handle multiple requests and return data in a JSON

format.

2. Web Browser: The website requires a modern web browser, such as Google Chrome,

Mozilla Firefox, or Microsoft Edge.

3. Internet Connection: A stable and reliable internet connection is required to ensure that the

website can make API calls and retrieve real-time data.

4. Software: The website requires a React development environment with the necessary

dependencies, including Node.js and a package manager like npm or yarn.

5. Text editor: A text editor is needed to write and edit the code for the website.

6. Domain name: The website would require a domain name to create a unique address that users can

use to access the website.

7. Web Server: The website would require a web server to host the website files and handle requests from

users.
 FUTURE WORKS

Future work for a React website that uses the CoinGecko API to fetch real-time cryptocurrency

data could involve several potential improvements or enhancements:

Additional Features: The website could be expanded to include new features or tools, such as

price alerts, portfolio tracking, or social media integration.

Data Visualization: The website could be enhanced with more advanced data visualization tools,

such as graphs, charts, or heat maps, to help users better understand the trends and patterns in

cryptocurrency markets.

User Authentication: The website could be improved with user authentication features, allowing

users to create accounts, save preferences, and track their own data and investments.

Mobile Optimization: The website could be optimized for mobile devices, providing a seamless

and user-friendly experience for users accessing the site on their smartphones or tablets.

Expanded API Integration: The website could integrate additional APIs beyond CoinGecko to

provide users with even more data and insights into the cryptocurrency market.

Localization: The website could be localized into different languages to reach a wider audience

and expand its global reach.

 CONCLUSION
In conclusion, a React website that uses the CoinGecko API to fetch real-time cryptocurrency data

is an essential resource for anyone interested in keeping track of the constantly evolving

cryptocurrency market. With its dynamic and user-friendly design, the website provides users with

access to up-to-date information on cryptocurrency prices and trends, as well as a range of

interactive features that help users to explore and understand the data. The methodology used in

creating the website involved integrating the CoinGecko API, designing a responsive HTML/CSS

layout, and creating JavaScript functions to retrieve and display the data. Moving forward, future

work on the website could include additional features, improved data visualization tools, user

authentication, mobile optimization, and expanded API integration, among other enhancements.

Overall, a React website that uses the CoinGecko API provides an invaluable tool for anyone

looking to stay informed and make informed decisions in the fastpaced and ever-changing world

of cryptocurrency.
 LIST OF TABLES & FIGURES

S. No. SCREENSHOT

1. HOMEPAGE

2. EXCHANGE PAGE

3. COINS PAGE

4. COIN DETAIL PAGE

 SCREENSHOT OF PROJECT 1.
INITIAL VIEW OF WEBSITE:

2. EXCHANGE PAGE

3. COIN PAGE
4. COIN DETAIL PAGE
 REFERENCES

1. "React Documentation." React, Facebook, Inc., 2024, reactjs.org/.

2. "CoinGecko API Documentation." CoinGecko, 2024,

coingecko.com/api/documentations/v3.
3. W3Schools. "HTML Tutorial." W3Schools, Refsnes Data, 2024,

www.w3schools.com/html/.

4. Mozilla Developer Network. "CSS." Mozilla, 2024,

developer.mozilla.org/enUS/docs/Web/CSS.

5. "JavaScript Documentation." Mozilla Developer Network, Mozilla, 2024,

developer.mozilla.org/en-US/docs/Web/JavaScript.

6. "React Router Documentation." React Router, React Training, 2024,

reactrouter.com/web/guides/quick-start.

7. "GitHub Pages Documentation." GitHub, 2024, pages.github.com/.