SlideShare una empresa de Scribd logo
1 de 23
Developing Dynamic UI using React
By- Sushmita Bhor
BVIMIT College, Navi Mumbai
Table Of Contents
01 About Internship Position
02 About Organization
03 Mission and goals of company
04 Existing System
05 Limitations of current system
06 Objectives of Project
07 Scope of project
08 Proposed system
09 Features of application
10 Software specification
11 Screenshots
12 Future Enhancements
About Internship Position
• Internship Title – ReactJs Developer, Tester
• Internship Duration – 5 months (22nd Feb 2021 – to 31st Jul 2021)
• Industry Mentor – Monil Shah (CEO)
About Organization
• Name : Novotoc Infotech Private Limited.
• Website: www.keev.tech
• Industries: Fintech
• No. of Employees : 10-15 employees
• Headquarters: Vidyavihar, W Mumbai, Maharashtra
• Type: Private Company
• Founded: 1st September 2019
• Technologies: Mobile App Development, Android, IOS Development, Website
Design And Development, Websites, UI/UX Design, Search Engine
Optimization, SEO, Social Media Marketing, Software Maintenance & Support
KEEV help to unleash the immense power of trading and combine it with stock market data and information sourced
from various platforms and brokers.
WHAT WE ARE WORKING ON
Build Strategy
KEEV enables users to quickly develop strategies without any programming.
You can create millions of strategies with combinations of over 60+ technical indicators for 2000+ trading
symbols.
Test & Optimise
Validate your strategy using historical data and evaluate its performance on more than 20+ metrics.
Furthermore, you can optimise with help of KEEV Engine to get the best result for your strategy
Virtual & Live
Examine strategies in the live market with virtual money.
Go live with real money on one click with help of our supported brokers
Abstract:
• The aim of the project is to “develop a Developing dynamic UI using React” that is
powerful, fast, user-friendly, reactive web apps. The system developed makes use of
rich React Hooks and React Components. The system provides amazing user
experiences by leveraging the power of JavaScript with ease.
• The main users of the project are customer of Keev software, Stock market
professionals. This system is complete UI solution to convert existing traditional web
apps to reactive web. This system provides complete reactive web solution.
Existing System:
• Dashboard for Total Earnings is not integrated with KEEV platform
• Existing system recently launched in market and it is new to end users.
• Some of the features are still in Beta version.
Limitations of Current System:
1. Program-Data Dependence: User should have Broker Key. So user
subscription come at cost.
2. Domain Knowledge: Lot of learning is need to use of product to get
profit. Decision maker is User only product can only give idea of market.
3. Startup: System is new to users. Algorithm trade works in historical data.
Objectives of Project:
• Create a reactive web page
• Dynamic User Interface in React Js
• Used Material UI to design interface
• React UseState Hooks to store state information
• Converting existing design to reactive UI
• Give simple, fast and scalable front-end.
Scope of Project
• The main purpose of this system is to develop reactive web app rather than
traditional web app.
• The aim of this application is to enhance user experience. It gives faster rendering.
• Provide a single page application and make it fast, responsive and user-friendly. It
increases performance. After having used static HTML based pages for over 20
years, we are finally able to build web pages that render server-side, navigate quickly,
and consume lesser development time.
The end users who will be benefited from this system are:
Backend developer
Admin
Keev end user
Proposed System
 Proposed system is enables users to quickly develop strategies without any programming.
 You can create millions of strategies with combinations of over 60+ technical indicators for
2000+ trading symbols.
 Validate your strategy using historical data and evaluate its performance on more than 20+
metrics.
 Furthermore, you can optimise with help of KEEV Engine to get the best result for your
strategy
 Examine strategies in the live market with virtual money.
Go live with real money on one click with help of our supported brokers
Features Of System
•
• Visualisation
Canvas helps you visualise your strategy
• Optimisation
Backtest 40+ combination in one go
• Know Your Strategy
Evaluate strategies on metrics and transactions
• Multiple Brokers
We have integrated top brokers for trade execution
Feature Of Application
• AGILE PRODUCT DEVELOPMENT: We are a small company with few decision making
layers, enhancing our agility. The continuous attention to technical excellence and good
design enhances to built great software
• PRODUCT ROADMAP PLANNING
We provide end to end application development services from ideas to system analysis, architecture
designing, implementation, testing, deployment, maintenance and support and IT Services
• CROSS-PLATFORM DEVELOPMENT
Our team is highly qualified, immensely skilled and creativity driven developers excel at delivering a Cross-
Platform application solutions molded to meet and exceed client requirements. We maintain the first-rate
level of coding standards and make use of the latest technology to design for you impeccable applications.
Software Specification
1.Hardware requirement:-
2.Software Requirement:-
Front End React Js, React UI Framework (Material -UI)
Back End Visual Studio Code
Operating system Windows 7, Windows 8, Windows 10 and so on
Processor Processor Base Frequency of 1.8 GHz or
higher
RAM 4 GB RAM or Higher
Hard Disk 75 MB or Higher
Screenshots
Future Enhancements
user suggestions are invited
more enhancement - detail version
Impact of project
• Build powerful, fast, user-friendly and reactive web apps
• Learn all about React Hooks and React Components
• Provide amazing user experiences by leveraging the power of
JavaScript with ease
“Website without visitors is like a ship lost in the
horizon.”
Thank You
Any Questions?

Más contenido relacionado

La actualidad más candente

React js Online Training
React js Online TrainingReact js Online Training
React js Online TrainingLearntek1
 
Introduction to ReactJs & fundamentals
Introduction to ReactJs & fundamentalsIntroduction to ReactJs & fundamentals
Introduction to ReactJs & fundamentalswebsyndicate
 
Learning AngularJS - Complete coverage of AngularJS features and concepts
Learning AngularJS  - Complete coverage of AngularJS features and conceptsLearning AngularJS  - Complete coverage of AngularJS features and concepts
Learning AngularJS - Complete coverage of AngularJS features and conceptsSuresh Patidar
 
The complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrThe complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrAfreenK
 
Top 8 benefits of react js
Top 8 benefits of react jsTop 8 benefits of react js
Top 8 benefits of react jsRani Sinha
 
Review on React JS
Review on React JSReview on React JS
Review on React JSijtsrd
 
Arsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry SusantoArsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry SusantoDicodingEvent
 
Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Max Klymyshyn
 
Angular vs. AngularJS: A Complete Comparison Guide
Angular vs. AngularJS: A Complete Comparison GuideAngular vs. AngularJS: A Complete Comparison Guide
Angular vs. AngularJS: A Complete Comparison GuideCloud Analogy
 
OCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJSOCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJSJonathan Meiss
 
Rp 6 session 2 naresh bhatia
Rp 6  session 2 naresh bhatiaRp 6  session 2 naresh bhatia
Rp 6 session 2 naresh bhatiasapientindia
 
React JS: A Secret Preview
React JS: A Secret PreviewReact JS: A Secret Preview
React JS: A Secret Previewvaluebound
 
From React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I startedFrom React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I startedsparkfabrik
 
Overview of React.JS - Internship Presentation - Week 5
Overview of React.JS - Internship Presentation - Week 5Overview of React.JS - Internship Presentation - Week 5
Overview of React.JS - Internship Presentation - Week 5Devang Garach
 

La actualidad más candente (20)

React js
React jsReact js
React js
 
React js Online Training
React js Online TrainingReact js Online Training
React js Online Training
 
Introduction to React JS
Introduction to React JSIntroduction to React JS
Introduction to React JS
 
React-js
React-jsReact-js
React-js
 
Introduction to ReactJs & fundamentals
Introduction to ReactJs & fundamentalsIntroduction to ReactJs & fundamentals
Introduction to ReactJs & fundamentals
 
Learning AngularJS - Complete coverage of AngularJS features and concepts
Learning AngularJS  - Complete coverage of AngularJS features and conceptsLearning AngularJS  - Complete coverage of AngularJS features and concepts
Learning AngularJS - Complete coverage of AngularJS features and concepts
 
The complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrrThe complete-beginners-guide-to-react dyrr
The complete-beginners-guide-to-react dyrr
 
Top 8 benefits of react js
Top 8 benefits of react jsTop 8 benefits of react js
Top 8 benefits of react js
 
Review on React JS
Review on React JSReview on React JS
Review on React JS
 
Arsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry SusantoArsitektur Aplikasi Modern - Faisal Henry Susanto
Arsitektur Aplikasi Modern - Faisal Henry Susanto
 
React Vs AnagularJS
React Vs AnagularJSReact Vs AnagularJS
React Vs AnagularJS
 
Introduction to React JS
Introduction to React JSIntroduction to React JS
Introduction to React JS
 
Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013Angular.js - JS Camp UKraine 2013
Angular.js - JS Camp UKraine 2013
 
Angular vs. AngularJS: A Complete Comparison Guide
Angular vs. AngularJS: A Complete Comparison GuideAngular vs. AngularJS: A Complete Comparison Guide
Angular vs. AngularJS: A Complete Comparison Guide
 
React workshop
React workshopReact workshop
React workshop
 
OCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJSOCTO BOF - How to build Netvibes with AngularJS
OCTO BOF - How to build Netvibes with AngularJS
 
Rp 6 session 2 naresh bhatia
Rp 6  session 2 naresh bhatiaRp 6  session 2 naresh bhatia
Rp 6 session 2 naresh bhatia
 
React JS: A Secret Preview
React JS: A Secret PreviewReact JS: A Secret Preview
React JS: A Secret Preview
 
From React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I startedFrom React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I started
 
Overview of React.JS - Internship Presentation - Week 5
Overview of React.JS - Internship Presentation - Week 5Overview of React.JS - Internship Presentation - Week 5
Overview of React.JS - Internship Presentation - Week 5
 

Similar a Developing Dynamic UI using React

Neev Competencies in SaaS-based Development
Neev Competencies in SaaS-based DevelopmentNeev Competencies in SaaS-based Development
Neev Competencies in SaaS-based DevelopmentNeev Technologies
 
.Net 7.1 years Vijay_Thakare
.Net 7.1 years Vijay_Thakare.Net 7.1 years Vijay_Thakare
.Net 7.1 years Vijay_ThakareVijay Thakare
 
Malli Resume_30 Jun 2012
Malli Resume_30 Jun 2012Malli Resume_30 Jun 2012
Malli Resume_30 Jun 2012mallikarjun ch
 
Nitin Chavan_Resume_Others
Nitin Chavan_Resume_OthersNitin Chavan_Resume_Others
Nitin Chavan_Resume_OthersNitin Chavan
 
Rajendran M 2+ years of Exp in Dot net
Rajendran M 2+ years of Exp in Dot netRajendran M 2+ years of Exp in Dot net
Rajendran M 2+ years of Exp in Dot netRajendran m
 
Senior software engineer, Senior Full stack web developer Resume
Senior software engineer, Senior Full stack web developer ResumeSenior software engineer, Senior Full stack web developer Resume
Senior software engineer, Senior Full stack web developer Resumecool5785
 
Application for Car Manufactring Dealer Management System
Application for Car Manufactring Dealer Management SystemApplication for Car Manufactring Dealer Management System
Application for Car Manufactring Dealer Management SystemMike Taylor
 
Delia_J_Micu_resume_arch_Jan_2015
Delia_J_Micu_resume_arch_Jan_2015Delia_J_Micu_resume_arch_Jan_2015
Delia_J_Micu_resume_arch_Jan_2015Delia J. Micu
 

Similar a Developing Dynamic UI using React (20)

.Net @ Neev
.Net @ Neev.Net @ Neev
.Net @ Neev
 
Neev Competencies in SaaS-based Development
Neev Competencies in SaaS-based DevelopmentNeev Competencies in SaaS-based Development
Neev Competencies in SaaS-based Development
 
RakeshReddy-CV
RakeshReddy-CVRakeshReddy-CV
RakeshReddy-CV
 
.Net 7.1 years Vijay_Thakare
.Net 7.1 years Vijay_Thakare.Net 7.1 years Vijay_Thakare
.Net 7.1 years Vijay_Thakare
 
Sadiq_CV_7
Sadiq_CV_7Sadiq_CV_7
Sadiq_CV_7
 
Rashmi_TL
Rashmi_TLRashmi_TL
Rashmi_TL
 
Manipradeep_Oct2015
Manipradeep_Oct2015Manipradeep_Oct2015
Manipradeep_Oct2015
 
Malli Resume_30 Jun 2012
Malli Resume_30 Jun 2012Malli Resume_30 Jun 2012
Malli Resume_30 Jun 2012
 
Nitin Chavan_Resume_Others
Nitin Chavan_Resume_OthersNitin Chavan_Resume_Others
Nitin Chavan_Resume_Others
 
Supriya_Bhide
Supriya_BhideSupriya_Bhide
Supriya_Bhide
 
Sai_Resume
Sai_ResumeSai_Resume
Sai_Resume
 
Rajendran M 2+ years of Exp in Dot net
Rajendran M 2+ years of Exp in Dot netRajendran M 2+ years of Exp in Dot net
Rajendran M 2+ years of Exp in Dot net
 
Resume_Rupesh Lanjewar
Resume_Rupesh LanjewarResume_Rupesh Lanjewar
Resume_Rupesh Lanjewar
 
Nagaraju_M
Nagaraju_MNagaraju_M
Nagaraju_M
 
Manoj Kumar
Manoj KumarManoj Kumar
Manoj Kumar
 
Senior software engineer, Senior Full stack web developer Resume
Senior software engineer, Senior Full stack web developer ResumeSenior software engineer, Senior Full stack web developer Resume
Senior software engineer, Senior Full stack web developer Resume
 
Vivek
VivekVivek
Vivek
 
Application for Car Manufactring Dealer Management System
Application for Car Manufactring Dealer Management SystemApplication for Car Manufactring Dealer Management System
Application for Car Manufactring Dealer Management System
 
Prasanth_CV
Prasanth_CVPrasanth_CV
Prasanth_CV
 
Delia_J_Micu_resume_arch_Jan_2015
Delia_J_Micu_resume_arch_Jan_2015Delia_J_Micu_resume_arch_Jan_2015
Delia_J_Micu_resume_arch_Jan_2015
 

Último

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providermohitmore19
 
Engage Usergroup 2024 - The Good The Bad_The Ugly
Engage Usergroup 2024 - The Good The Bad_The UglyEngage Usergroup 2024 - The Good The Bad_The Ugly
Engage Usergroup 2024 - The Good The Bad_The UglyFrank van der Linden
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comFatema Valibhai
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationkaushalgiri8080
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdfWave PLM
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...ICS
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfjoe51371421
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfkalichargn70th171
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Modelsaagamshah0812
 
DNT_Corporate presentation know about us
DNT_Corporate presentation know about usDNT_Corporate presentation know about us
DNT_Corporate presentation know about usDynamic Netsoft
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...MyIntelliSource, Inc.
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...OnePlan Solutions
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 

Último (20)

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
TECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service providerTECUNIQUE: Success Stories: IT Service provider
TECUNIQUE: Success Stories: IT Service provider
 
Engage Usergroup 2024 - The Good The Bad_The Ugly
Engage Usergroup 2024 - The Good The Bad_The UglyEngage Usergroup 2024 - The Good The Bad_The Ugly
Engage Usergroup 2024 - The Good The Bad_The Ugly
 
HR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.comHR Software Buyers Guide in 2024 - HRSoftware.com
HR Software Buyers Guide in 2024 - HRSoftware.com
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...Call Girls In Mukherjee Nagar 📱  9999965857  🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
Project Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanationProject Based Learning (A.I).pptx detail explanation
Project Based Learning (A.I).pptx detail explanation
 
5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf5 Signs You Need a Fashion PLM Software.pdf
5 Signs You Need a Fashion PLM Software.pdf
 
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...
 
why an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdfwhy an Opensea Clone Script might be your perfect match.pdf
why an Opensea Clone Script might be your perfect match.pdf
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
 
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdfThe Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
The Essentials of Digital Experience Monitoring_ A Comprehensive Guide.pdf
 
Unlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language ModelsUnlocking the Future of AI Agents with Large Language Models
Unlocking the Future of AI Agents with Large Language Models
 
DNT_Corporate presentation know about us
DNT_Corporate presentation know about usDNT_Corporate presentation know about us
DNT_Corporate presentation know about us
 
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
Try MyIntelliAccount Cloud Accounting Software As A Service Solution Risk Fre...
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 

Developing Dynamic UI using React

  • 1. Developing Dynamic UI using React By- Sushmita Bhor BVIMIT College, Navi Mumbai
  • 2. Table Of Contents 01 About Internship Position 02 About Organization 03 Mission and goals of company 04 Existing System 05 Limitations of current system 06 Objectives of Project 07 Scope of project 08 Proposed system 09 Features of application 10 Software specification 11 Screenshots 12 Future Enhancements
  • 3. About Internship Position • Internship Title – ReactJs Developer, Tester • Internship Duration – 5 months (22nd Feb 2021 – to 31st Jul 2021) • Industry Mentor – Monil Shah (CEO)
  • 4. About Organization • Name : Novotoc Infotech Private Limited. • Website: www.keev.tech • Industries: Fintech • No. of Employees : 10-15 employees • Headquarters: Vidyavihar, W Mumbai, Maharashtra • Type: Private Company • Founded: 1st September 2019 • Technologies: Mobile App Development, Android, IOS Development, Website Design And Development, Websites, UI/UX Design, Search Engine Optimization, SEO, Social Media Marketing, Software Maintenance & Support KEEV help to unleash the immense power of trading and combine it with stock market data and information sourced from various platforms and brokers.
  • 5. WHAT WE ARE WORKING ON Build Strategy KEEV enables users to quickly develop strategies without any programming. You can create millions of strategies with combinations of over 60+ technical indicators for 2000+ trading symbols. Test & Optimise Validate your strategy using historical data and evaluate its performance on more than 20+ metrics. Furthermore, you can optimise with help of KEEV Engine to get the best result for your strategy Virtual & Live Examine strategies in the live market with virtual money. Go live with real money on one click with help of our supported brokers
  • 6. Abstract: • The aim of the project is to “develop a Developing dynamic UI using React” that is powerful, fast, user-friendly, reactive web apps. The system developed makes use of rich React Hooks and React Components. The system provides amazing user experiences by leveraging the power of JavaScript with ease. • The main users of the project are customer of Keev software, Stock market professionals. This system is complete UI solution to convert existing traditional web apps to reactive web. This system provides complete reactive web solution.
  • 7. Existing System: • Dashboard for Total Earnings is not integrated with KEEV platform • Existing system recently launched in market and it is new to end users. • Some of the features are still in Beta version.
  • 8. Limitations of Current System: 1. Program-Data Dependence: User should have Broker Key. So user subscription come at cost. 2. Domain Knowledge: Lot of learning is need to use of product to get profit. Decision maker is User only product can only give idea of market. 3. Startup: System is new to users. Algorithm trade works in historical data.
  • 9. Objectives of Project: • Create a reactive web page • Dynamic User Interface in React Js • Used Material UI to design interface • React UseState Hooks to store state information • Converting existing design to reactive UI • Give simple, fast and scalable front-end.
  • 10. Scope of Project • The main purpose of this system is to develop reactive web app rather than traditional web app. • The aim of this application is to enhance user experience. It gives faster rendering. • Provide a single page application and make it fast, responsive and user-friendly. It increases performance. After having used static HTML based pages for over 20 years, we are finally able to build web pages that render server-side, navigate quickly, and consume lesser development time. The end users who will be benefited from this system are: Backend developer Admin Keev end user
  • 11. Proposed System  Proposed system is enables users to quickly develop strategies without any programming.  You can create millions of strategies with combinations of over 60+ technical indicators for 2000+ trading symbols.  Validate your strategy using historical data and evaluate its performance on more than 20+ metrics.  Furthermore, you can optimise with help of KEEV Engine to get the best result for your strategy  Examine strategies in the live market with virtual money. Go live with real money on one click with help of our supported brokers
  • 12. Features Of System • • Visualisation Canvas helps you visualise your strategy • Optimisation Backtest 40+ combination in one go • Know Your Strategy Evaluate strategies on metrics and transactions • Multiple Brokers We have integrated top brokers for trade execution
  • 13. Feature Of Application • AGILE PRODUCT DEVELOPMENT: We are a small company with few decision making layers, enhancing our agility. The continuous attention to technical excellence and good design enhances to built great software • PRODUCT ROADMAP PLANNING We provide end to end application development services from ideas to system analysis, architecture designing, implementation, testing, deployment, maintenance and support and IT Services • CROSS-PLATFORM DEVELOPMENT Our team is highly qualified, immensely skilled and creativity driven developers excel at delivering a Cross- Platform application solutions molded to meet and exceed client requirements. We maintain the first-rate level of coding standards and make use of the latest technology to design for you impeccable applications.
  • 14. Software Specification 1.Hardware requirement:- 2.Software Requirement:- Front End React Js, React UI Framework (Material -UI) Back End Visual Studio Code Operating system Windows 7, Windows 8, Windows 10 and so on Processor Processor Base Frequency of 1.8 GHz or higher RAM 4 GB RAM or Higher Hard Disk 75 MB or Higher
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. Future Enhancements user suggestions are invited more enhancement - detail version
  • 21. Impact of project • Build powerful, fast, user-friendly and reactive web apps • Learn all about React Hooks and React Components • Provide amazing user experiences by leveraging the power of JavaScript with ease
  • 22. “Website without visitors is like a ship lost in the horizon.”