Mini Project Report

on

Dictionary app using HTML,CSS,JAVA SCRIPT

(CSE III Semester Mini Project CSP-301)

2022-2023

Submitted to:- Submitted by:

Dr. Rakesh Patra Mr. Atul Chaudhary
(CC- B.Tech. Section-P-III-Sem) Roll. No.: 2118368

Section:- P(3rdSem)

Session: 2022-2023
Bachelor of Technology (B. Tech.)
GRAPHIC ERA HILL UNVERSITY, DEHRADUN
 CERTIFICATE

Certified that Mr Atul Chaudhary (Roll No.- 2118368) have

Completed ‘Mini Project’ on the topic “Dictionary app using HTML,CSS,JAVA

SCRIPT” for fulfilment of CSE III Semester Mini Project CSP-301 in Graphic Era

Hill University, Dehradun. The student has successfully completed this Course to

the best of my knowledge.

Date: 28/1/23 Classcoordinator :-Dr.Rakesh Patra

B. Tech. Section-P-III-Semester

GEHU, Dehradun
 ACKNOWLEDGMENT

We would like to express our gratitude to the Almighty Shiva Baba, the most
beneficent and the most merciful, for successful completion of project.

We wish to thank our parents for their continuing support and encouragement. We
also wish to thank them for providing us with the opportunity to reach this far in our
studies.

We would like to thank particularly our project Coordinator Mr. Rakesh Patra for his
patience, support and encouragement throughout the completion of this project and
having faith in us.

We also acknowledge them who help us in developing this project.

At last but not the least we greatly indebted to all other persons who directly or
indirectly helped us during this work.

Atul Chaudhary

Roll No.: 2118368

Section-P(B.Tech)

Session: 2022-23 GEHU,

Dehradun
 TABLE OF CONTENTS

1.Introduction
1.1 What is HTML,CSS,JAVE SCRIPT
1.2 About Project

2. REQUIREMENTS OF PROJECT

2.1 Hardware Requirements

2.2 Software Requirements

3.MODEL USED FOR Dictionary App

4. CONCLUSION

REFERENCES
INTRODUCTION

HTML

HTML is an acronym which stands for Hyper Text Markup Language which is used
for creating web pages and web applications. Let's see what is meant by Hypertext
Markup Language, and Web page.

Hyper Text: HyperText simply means "Text within Text." A text has a link within it, is
a hypertext. Whenever you click on a link which brings you to a new webpage, you have
clicked on a hypertext. HyperText is a way to link two or more web pages (HTML
documents) with each other.

Markup language: A markup language is a computer language that is used to apply

layout and formatting conventions to a text document. Markup language makes text more
interactive and dynamic. It can turn text into images, tables, links, etc.

Web Page: A web page is a document which is commonly written in HTML and
translated by a web browser. A web page can be identified by entering an URL. A Web
page can be of the static or dynamic type. With the help of HTML only, we can create
static web pages.

CSS

CSS stands for Cascading Style Sheets. It is a style sheet language which is used to
describe the look and formatting of a document written in markup language. It provides
an additional feature to HTML. It is generally used with HTML to change the style of
web pages and user interfaces. It can also be used with any kind of XML documents
including plain XML, SVG and XUL.

CSS is used along with HTML and JavaScript in most websites to create user interfaces
for web applications and user interfaces for many mobile applications.

JAVASCRIPT

JavaScript (js) is a light-weight object-oriented programming language which is used by

several websites for scripting the webpages. It is an interpreted, full-fledged
programming language that enables dynamic interactivity on websites when applied to
an HTML document. It was introduced in the year 1995 for adding programs to the
webpages in the Netscape Navigator browser. Since then, it has been adopted by all
other graphical web browsers. With JavaScript, users can build moder applications to
interact directly without reloading the page every time. The traditional website uses js
to provide several forms of interactivity and simplicity
SYSTEM REQUIREMENTS

A System Requirements Specification (SRS) (also known as a Software

Requirements Specification) is a document or set of documentation that describes
the features and behaviour of a system software application. It includes a variety of
elements that attempts to define the intended functionality required by the customer
to satisfy their different users. In addition to specifying how the system should
behave,the specification also defines at a high-level the main business processes that
will be supported, what simplifying assumptions have been made and what key
performance parameters will need to be met by the system.

SOFTWARE REQUIREMENTS
The software requirements are description of features and functionalities of the
target system.
Requirements convey the expectations of users from the software product. The
requirements can be obvious or hidden, known or unknown, expected or unexpected
from client's point of view.
It defines how the intended software will interact with hardware, external interfaces,
speed of
operation, response time of system, portability of software across various platforms,
maintainability, speed of recovery after crashing, Security, Quality, Limitations etc.

The software requirements in our program are:

1. Browser: Chrome,Firefox ,Microsoft Explorer,etc

2. Operating System : Any Operating System

HARDWARE REQUIREMENTS

There are hardware requirements, also known as system requirements, for every
OS we are going to use. These requirements include the minimum processor speed,
memory, and disk space required to install Windows. In almost all cases, you will
want to make sure that your hardware exceeds these requirements to provide
adequate performance for the services and applications running. The table below
outlines the minimum hardware requirements to execute this project.
 1. Processor: 6th Gen Intel Processor +

2. RAM: 4GB

Graphics: Minimal

DEVLOPMENT TOOLS REQUIREMENTS :

IDE : Notepad , VScode,Sublime Tex

CODE:-

HTML CODE:-
First, create an HTML file with the name of index.html and paste the given codes
in your HTML file. Remember, you’ve to create a file with .html extension
CSS CODE:-
Second, create a CSS file with the name of style.css and paste the given codes in
your CSS file. Remember, you’ve to create a file with .css extension.

Last, create a JavaScript file with the name of script.js and paste the given codes
in your JavaScript file. Remember, you’ve to create a file with .js extension.
JAVA SCRIPT CODE:-

INTERFACE:-
That’s all, now you’ve successfully built an English Dictionary App in HTML CSS &
JavaScript. If your code doesn’t work or you’ve faced any error/problem, you can
contact me through the contact page.

This project is based on API but you don’t need to signup anywhere and pass the
API key to use this dictionary app. I have used the free API (dictionaryapi.dev)
for this project and to use this API there is no need for signup or API key.
 Dictionary
Interface:-

This project is based on API but you don’t need to signup anywhere and pass the
API key to use this dictionary app. I have used the free API (dictionaryapi.dev) for
this project and to use this API there is no need for signup or API key.

CONCLUSION:-

A dictionary is one of the most important tools during your time studying
at a university. A good dictionary can help you understand your subject
better, improve your communication and improve your grades by making
sure you are using words correctly. However, not all dictionaries are the
same and if you don’t know how to use a dictionary correctly, it could
actually teach you the wrong meaning of a word and make it more
difficult to get a good grade. API key to use this dictionary app. I have
used the free API (dictionaryapi.dev) for this project and to use this API
there is no need for signup or API key

REFERENCES

https://api.dictionaryapi.dev/api/v2/entries/en/<word
>
https://code.visualstudio.com/download