BACHELOR OF COMPUTER APPLICATION
SYNOPSIS
ON
Project name:- Advance scientific calculator
Submitted to:- Submitted by:-
MRS. Rashika Singh Shivam chaudhary
INDEX
1
Contents
[Link]
[Link]
[Link] Category
[Link] And Platform
[Link] And Software Requirements
[Link] Flow Diagram
[Link] Scope
[Link]
INTRODUCTION
2
Starting today, I will be advanced scientific calculator .
Everything I do for this project will be fictional and will
not be transformed into an actual usable website.
OBJECTIVE
The personalty of the website lies in between
startup or upbeat and calm and peaceful.
Providing a better user experience through a
website is the goal of this project.
Web development is the work involved in
developing a website for the Internet (World Wide
Web) or an intranet (a private network).Web
development can range from developing a simple
single static page of plain text to complex web
applications, electronic businesses, and social
network services. A more comprehensive list of
tasks to which Web development commonly
refers, may include Web engineering, Web design,
Web content development, client liaison, client-
side/server-side scripting, Web server and network
security configuration, and e-commerce
development.
3
Front-End Developers will usually need to possess
a solid understanding of programming languages,
including HTML, CSS, and JavaScript, as well as
frameworks like React, Bootstrap, Backbone,
AngularJS, and Ember JS.
PROJECT CATEGORY
This project falls into the category of web
development.
Web development is closely related to the job of
designing the features and functionality of
websites and apps (often called “web design”), but
the “web development” term is usually reserved for
the actual construction and programming of
websites and apps.
Front-end development involves the “client-
facing” side of web development. That is to
say that it generally refers to the portion of the
site, app, or digital product that users will see
and interact with. A Front-End Developer,
therefore, is responsible for the way a digital
product looks and “feels,” which is why they
are often also referred to as Web Designers.
4
.
TOOLS/PLATFORM
This project is built with html, css and
backend it is deployed using netlify.
In html I have written a clean code by
using asemantic tags like div ,span and
majority of the uses semantic tags like
section, header and footer etc.
In css I have used flexbox technology and
css grid for better spacing between the
section. This website also uses javascript
for navigation bar and some sort of
animations.
The navigation bar navigates to different
section of the website. It also passes the
accessibility test that is the colour contrast
ratio and also alt text of the images for
screen readers. All the images are used
are exactly 2x for the images that are
used on the website so that it does not
5
pixelate it using dev tools and focus on the
view port height and width I have set the
break points and different queries for that
break points.
HARDWARE & SOFTWARE
REQUIREMENTS
HARDWRE:-
Component Minimum Recommended
Processor 1.9 gigahertz 3.3 gigahertz
(GHz) x86- or (GHz) or faster
x64-bit dual core 64-bit dual core
processor with processor with
SSE2 instruction SSE2 instruction
set set
Memory 2-GB RAM 4-GB RAM or
more
Display Super VGA with Super VGA with a
a resolution of resolution of 1024
1024 x 768 x 768
6
SOFTWARE:- vs code, web browser like
Microsoft edge and google chrome etc.
DATA FLOW DIAGRAM
U HOM
E
PAGE
NAVIGATION
HEADER SECTION FOOTER
BAR
BANNER OUR
LOGO CONTACT
IMAGE SERVICE
SOCIAL
MENU MATTER PORTFOLIO MEDIA
LINK
7
FUTURE SCOPE
This website is flexible for future
customization. It can hold 100 users per
month in future need of more people are
required we can buy premium subscription for
netlify.
8
REFRENCES
Author Name:- Jonas Schmedtmann
Build Responsive Websites with HTML5 and CSS3
| Udemy
Learn Modern Javascript (Build and Test Apps) - Full
Course | Udemy
Browse Fonts - Google Fonts
[Link]