SlideShare a Scribd company logo
1 of 4
Download to read offline
React based fullstack edtech web application
Divyanshu Mishra1, Neha Shelke2, R.N Sathawane3
1Student VIII B.E Computer Engineering ,
Sinhgad Institute Of Technology, Lonavala 410401(Maharashtra)(India)
2Student VIII B.E Computer Engineering ,
Sinhgad Institute Of Technology ,Lonavala 410401(Maharashtra)(India)
3Prof. R .N Sathawne, Dept. of Computer Engineering,
Sinhgad Institute Of Technology ,Lonavala 410401 , Maharashtra, India
---------------------------------------------------------------------***---------------------------------------------------------------------
Abstract - This research paper provides a detailed
exploration of the architectural framework employed in the
educational technology (ed-tech) platform. The platform
comprises three principalcomponents:thefrontend, back end,
and database, adhering to a client-server architecture. The
front end, developed using ReactJS, ensures dynamic and
responsive user interfaces crucial for an immersive learning
experience. The back end, constructed with NodeJS and
ExpressJS, offers scalable APIs for functionalities like user
authentication and course management. MongoDB, a NoSQL
database, is employed for flexible and scalable data storage,
accommodating diverse types of course contentanduserdata.
The paper includes an architecture diagram to visually
represent the system's structure.
Key Words: Technology and education, Synergies,
Transformative potential, MERN stack, User interface
1.INTRODUCTION
EdTech is a mix of "Education" and "Technology" and it's
also called learning technology or instructional technology.
Education technologymeans usingtechnologytohelppeople
learn better and have easier access to education. This can
include things like computers, programs, and other items
that teachers and students use for learning. Education is
changing. Instead of just learning online, now students are
using iPads and interactive displays in the classroom tohelp
them learn. This includes whiteboards and other new
technology to help with education. We have seentechnology
change the education industry a lot. In the pandemic, many
students had to learn from home. Technology became very
important for education. This led to the creation of
educational computer programs. Right now, the Edtech
industry is working every day to change the way we do
education and how we manage learning. An education
technology platform that focusesonitsMERN stack baseand
REST API structure. The progress being made will bring
improvements in how things work and in how the interface
looks, but we expect there will be some difficulties,
especially in bringing different technologies together and
fixing any problems that come up. We want to make a
website for learning that is easy to use and works well.
2. LITERATURE SURVEY
1.Bhavyaa, Suhani Gupta, Ms. Vaishali: The complicated
problem was finally solved by the team of experts. Bhavyaa
and Suhani Gupta, and their teacher Ms. Vaishali said that in
a study called "Comprehensive Study Of MERN Stack –
Architecture, Popularity and Future Scope," the authors
discussed the main things that influence theirdecision when
choosing software. They consider how easy it is to learn, the
support from the community, what their clients need, and if
there are developers available for that specific software.
Time to load, add, update, and delete tasks. Using client-side
software like Vue.
2.Earl A. Evans, S. Murray: Earl A Evans, S Murray wrote a
paper about how new technologyhasmadeonline education
better. In the study, we measured how satisfied the faculty
were with the web-based course tools, how well they
thought the tools worked, how often they used them, and
how important they thought the tools were for teaching the
course.
3.Preeti Manchekar , Aakash Patil,Ashutosh Patil,Shruti
Pawar, Sulochana Madachane: Preeti Manchekar,Aakash
Patil, Ashutosh Patil, Shruti Pawar, Sulochana Madachane:
The paper titled “Design and Implementation of Ecommerce
Web Application using MERN Stack and Data Science”
addresses social media.The social media has been
influencing e-commerce in multiple ways by being a
platform of marketing for e- commerce business over the
years .Performance metrics of the e-commerceplatform and
accuracy/effectiveness of the sales forecasting featureusing
the ARIMA model.
4.S.Ivanova, Georgi Georgiev: In an education application:
A practical approach" addresses modern web frameworks
that manage to cope with this client- side complexity by
adopting a mindset oriented towards the design of robust
and complex applications that can be delivered quickly with
a high level of security , scaled easily, and extended simply.
the study titled "Using modern web frameworks when
developing.
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056
Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072
© 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 638
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056
Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072
5.Christopher Rafael, Philipus Wijaya Adikusumo,
Ngurah Agus Sanjaya, M. S. Anggreainy: Inthestudytitled
"Application of Software Engineering in Intermediate and
Higher Education through Web Apps Development" The
paper concludes by summarizing the key contributions of
the research, highlighting the successful development of a
fully functional. WebApp designed to assist high school and
university students in their online studies. The conclusion
also reflects on the broader implications for the intersection
of software engineering and education, setting the stage for
further exploration and development in this dynamic field.
The main or primary outcomes measured in the study is the
improvement of online learning for high schoolers and
university students.
6.Billie Jack Pasion: The paper titled “Development and
Assessment of Web Application for Industrial Technological
Education” addresses the WAITE . The WAITE was made to
help teachers and students with flexible learning. Evaluation
of theWebApplicationforindustrialTechnologicalEducation
(WAITE) by IT professionals,teachersandstudents,focusing
on its technical characteristics (functionality, efficiency,
reliability, usability, maintainability and portability) and
instructional use.
2. METHODOLOGY
1.Requirement Analysis: We need to carefully study what
users need for education and what the platform should do.
This will help us understand what the platform needs to do
and what it shouldn't do.
2. Technology Stack Selection: Choosing the right
technology: Decide on the best technology for the front end,
back end, and database based on what the platform needs
and the benefits of using ReactJS, NodeJS, ExpressJS, and
MongoDB.
3.Front-end Development: The front-end of the website
will be built using ReactJS to create the design shown in
Figma. Create and put together pageslikeHomepage,Course
List, Wishlist, Cart Checkout, Course Content, User Details,
and User Edit Details for students, and Dashboard, Insights,
Course Management Pages, and View/EditProfileDetailsfor
instructors.
4.Styling and UI Frameworks: Using CSS and Tailwind
frameworks to make the user interface look good and work
well on different devices. Use the Figma design as a guide to
make sure everything looks the same and follows the style
rules.
5.State Management: Use Redux to manage the state of the
application on the front end. It helps to organize and share
the state across different parts oftheapplication. Thismakes
sure that the user's experience is smooth and things happen
all at the same time.
6.Back-end Development: Building a strong and flexible
server is what we do by using Node. js and Expressjs in a
monolithic way. Use technology to make sure that only
authorized users can access the system. Also,usetechnology
to manage courses and handle payments. We will use JWT
for security and Razor pay for handling payments.
7.Database Design and Implementation: Designing and
making a plan for storing information about students,
teachers, and courses using MongoDB. Create a system to
save and find user information, course content, and other
important details in a database.
8.API Design and Implementation: Design and make API
endpoints using Node. js and Expressjs following RESTful
principles. Create ways for users to log in, manage courses,
and use other important features that are described in the
API section.
9.Security Measures: Use tools like JWT to make sure only
authorized users can access the system, Bcrypt to keep
passwords secure, and use secure methods to send and
receive user data to protect their privacy and keep it
accurate.
10.Deployment: Utilize Vercel for deploying the front end,
and Render or Railway for deploying the back end. Host
media files on Cloudinary and the database on MongoDB
Atlas. Ensure seamless integration between all components
in the production environment.
11 Testing: Do a lot of testing to find and fixanyproblemsin
the system. This includes testing small parts, testing how
everything works together, and letting users try it out to
make sure it works well.
12.Documentation: Create comprehensive documentation
covering the architecture, API design, and deployment
process for future reference and maintenance.
13.Future Enhancements: In the future, we plan to make
improvements to our program. We will consider adding fun
features, personalized learning options, social learning
features, a mobile app,andvirtual reality/augmentedreality.
Set a schedule and decide what things are most important
for each improvement.
14.Challenges and Debugging: Address challenges faced
during development, especially in integrating different
technologies. Implement effective debugging strategies to
ensure the stability and reliability of the platform.
15.UserFeedbackandIterativeDevelopment:Gatheruser
feedback through beta testing and user reviews. Iterate on
the platform based on user suggestions and identified areas
for improvement.
© 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 639
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056
Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072
3. SYSTEM DESIGN
The introduction contextualizes the significance of
architectural considerations in ed-tech platforms,
emphasizing the role of technology in shaping modern
educational experiences. It introduces the ed-tech platform
as a case study for architectural analysis.
1.Front-end Architecture: The front-end component,
developed with ReactJS, is elucidated. ReactJS's utility in
creating dynamic and responsive user interfaces is
discussed, emphasizing its pivotal role in enhancing the
interactive learning experience for students. The section
details the front end's communication with the back end
through RESTful API calls.
2.Back-end Architecture: The back-end architecture,
constructed with NodeJS and ExpressJS, is examined. We
chose these frameworks because they are strong and can
handle big projects for building server applications. The
section delves into the APIs provided by the back end,
encompassing functionalities such as user authentication,
course creation, and consumption. The logic for processing
and storing course content and user data is explicated.
3.Database Architecture: The database architecture,
leveraging MongoDB as a NoSQL solution, is scrutinized.
MongoDB's flexibility and scalability for storing
unstructured and semi-structured data are discussed,
particularly in the context of accommodating diversecourse
content like videos, images, and PDFs. The database's role in
storing course content, user data, and other pertinent
information is outlined.
4.Architecture Diagram: A high-level architecturediagram
is presented, offering a visual representation of the ed-tech
platform. The picture shows how the front end, back end,
and database are connected and how data moves between
them in the system.
5.Comparative Analysis: Thissectioncomparesthechosen
architectural components with alternative technologies,
highlighting the rationale behind selecting ReactJS, NodeJS,
ExpressJS, and MongoDB. The analysis aims to provide a
comprehensive understanding of why these technologies
were deemed suitable for web application’s platform.
6. Scalability and Performance Considerations: The
paper discusses scalability and performance considerations
inherent in the architectural choices, outlining strategies
employed to ensure the platform's ability to handle
increasing user loads and deliver optimal performance. 8.
Security Measures: Security measures integrated into the
architecture are detailed, addressing aspects such as data
encryption, user authentication protocols, and safeguarding
against potential vulnerabilities.
1.For Students:
1. Homepage: Offers a platform introduction with links to
the course list and user details.
2. Course List: Displays available courses with descriptions
and ratings.
3. Wishlist: Presents courses added to a student's wishlist.
4. Cart Checkout: Facilitates course purchases.
5. Course Content: Provides detailed course materials
including videos.
6. User Details: Displays information about the student's
account.
7. User Edit Details: Allows students to modify their
account information.
2.For Instructors:
1. Dashboard: Offers an overview of the instructor's
courses, along with ratings and feedback.
2. Insights: Provides detailed metrics for the instructor's
courses.
3. Course Management Pages: Enables instructors to
create, update, and delete courses.
4. View and Edit Profile Details: Allows instructors to
manage their account information.
3.For Admin (future scope):
1. Dashboard: Offers an overview of the platform's courses,
instructors, and students.
2. Insights: Provides detailed metrics, including registered
users, courses, and revenue.
3. Instructor Management: Allows the admin to manage
instructor accounts, courses, and ratings.
4.Development Tools: Thefront endisbuiltusingReactJS,a
popular JavaScript library for UI development. CSS and
Tailwind, styling frameworks, enhance the aesthetic appeal
© 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 640
International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056
Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072
and responsiveness of the user interface. To add
functionality, npm packages are employed, while Redux, a
renowned state management library for React, ensures
effective state handling. The development environment of
choice is VSCode, a widely used code editor.
4. CONCLUSIONS
In conclusion, the ed-tech platform emergesasa robustand
scalable solution poised to revolutionizeonlinelearning. The
adoption of the MERN stack, coupled with meticulous
RESTful API design, sets the foundationfora seamlessclient-
server architecture. Notably, ReactJS orchestrates an
engaging front end, while the back end leverages the
prowess of Node.js and Express.js, with MongoDB ensuring
flexible data storage. The timing aligns perfectly with the
advancements in technology, enabling and enhancing
learning across diverse backgrounds and settings. The
modernization of E-rate and the widespread adoption of
openly licensed educational resources create a fertile
environment for realizing the full potential of technology in
education. The deployment strategy, whether through
Vercel, Render.com, or Railway.app, and MongoDB Atlas,
underscores a commitment to reliability. This strategic
approach ensures that the ed-techplatformiswell-equipped
to meet the demands of users seeking a responsive and
dependable onlinelearning experience.Lookingforward, the
vision for the platform extends beyond its current
capabilities. Future enhancements, suchastheintegrationof
gamification features, personalized learning paths, and the
development of a mobile application, demonstrate an
ongoing commitment to improvement. These envisioned
additions aim to elevatethe platform'sfunctionalityand user
experience, aligning with the evolving landscape of
educational technology. It is important to acknowledge the
inevitable challenges associated with integrating diverse
technologies and debugging processes. However, as the
project progresses, milestones will be achieved, showcasing
the successful realization of planned functionalities.
The dedication to delivering a user-friendly interface
underscores the platform's commitment to enhancing the
educational journey for its users. In essence, the ed-tech
platform represents more than just a technological
solution—it symbolizes a transformative force in the
educational landscape. By using new technology and
thinking ahead, the platform shows how online learning is
getting better and always changing.
5. ACKNOWLEDGEMENT
We express our sincere gratitude to our institution Sinhgad
Institute of Technology, Lonavala for providing us an
opportunity for completing our Project Work successfully.
We extend deep sense of sincere gratitude to Dr. M. S.
Gaikwad, Principal, Sinhgad Institute of Technology,
Lonavala, for providing an opportunity to complete the
Project Work. We extend special in-depth, heartfelt, and
sincere gratitude to Dr. S. D. Babar, Head of the Department,
Computer Science and Engineering Sinhgad Institute of
Technology, Lonavala, for his constant support and valuable
guidance of the Project Work. We convey our sincere thanks
to Project Guide Prof. Roshani Sathawane, Department of
Computer Science and Engineering, Sinhgad Institute of
Technology, Lonavala, for her constant support, valuable
guidance and suggestions of the Project Work.
6. REFERENCES
[1] Robinson, Rhonda; Molenda, Michael; Rezabek, Landra.
"Facilitating Learning" (PDF). Association for
Educational Communications andTechnology.Archived
(PDF) from the original on 22 September 2015.
Retrieved 18 March 2016
[2] Tanner Mirrlees; Shahid Alvi(22October2019).EdTech
Inc.: Selling, Automating and Globalizing Higher
Education in the Digital Age. New York: Routledge.p.60.
doi:10.4324/9780429343940. ISBN 978-0-429-34394-
0. S2CID 211780225.
[3] Woo, Stu (30 January 2017). "What's Better in the
Classroom—Teacher or Machine?". The Wall Street
Journal. Archived from the original on 12 November
2020. Retrieved 26 December 2020
[4] Moore, J. L.; Dickson-Deane, C.; Galyen, K. (2011). "E-
Learning, online learning, and distance learning
environments: Are they the same?". The Internet and
Higher Education. 14 (2): 129–135.
doi:10.1016/j.iheduc.2010.10.001. S2CID 17622901.
© 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 641

More Related Content

Similar to React based fullstack edtech web application

A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...
A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...
A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...IRJET Journal
 
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTION
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTIONWEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTION
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTIONIRJET Journal
 
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...IRJET Journal
 
NavneetSingh_ASP.NET
NavneetSingh_ASP.NETNavneetSingh_ASP.NET
NavneetSingh_ASP.NETNavneet Singh
 
Minor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure VisualizerMinor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure VisualizerRonitShrivastava057
 
Notespane - A community based learning system
Notespane - A community based learning systemNotespane - A community based learning system
Notespane - A community based learning systemIRJET Journal
 
IRJET- Design and Development of Web Application for Student Placement Tr...
IRJET-  	  Design and Development of Web Application for Student Placement Tr...IRJET-  	  Design and Development of Web Application for Student Placement Tr...
IRJET- Design and Development of Web Application for Student Placement Tr...IRJET Journal
 
Automated Placement System
Automated Placement SystemAutomated Placement System
Automated Placement SystemIRJET Journal
 
IRJET- Intelligent Laboratory Management System based on Internet of Thin...
IRJET-  	  Intelligent Laboratory Management System based on Internet of Thin...IRJET-  	  Intelligent Laboratory Management System based on Internet of Thin...
IRJET- Intelligent Laboratory Management System based on Internet of Thin...IRJET Journal
 
Student University Network
Student University NetworkStudent University Network
Student University NetworkIRJET Journal
 
Ijsred v2 i5p95
Ijsred v2 i5p95Ijsred v2 i5p95
Ijsred v2 i5p95IJSRED
 
IRJET- Deep Web Searching (DWS)
IRJET- Deep Web Searching (DWS)IRJET- Deep Web Searching (DWS)
IRJET- Deep Web Searching (DWS)IRJET Journal
 
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKS
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKSONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKS
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKSIRJET Journal
 
Online Learning Management System and Analytics using Deep Learning
Online Learning Management System and Analytics using Deep LearningOnline Learning Management System and Analytics using Deep Learning
Online Learning Management System and Analytics using Deep LearningDr. Amarjeet Singh
 
Alumni Management System – Web Application
Alumni Management System – Web ApplicationAlumni Management System – Web Application
Alumni Management System – Web ApplicationIRJET Journal
 
Alumni Management System -Web Application
Alumni Management System -Web ApplicationAlumni Management System -Web Application
Alumni Management System -Web ApplicationMandy Brown
 

Similar to React based fullstack edtech web application (20)

A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...
A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...
A Comprehensive E-Learning Platform for Education: A Full-Stack Web Applicati...
 
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTION
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTIONWEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTION
WEB BASED AND BLOCKCHAIN APPLICATION FOR EDUCATIONAL INSTITUTION
 
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
A Survey on Knowledge Base: An Internal Platform to Exchange Technical Questi...
 
Pallavi_Jindal_resume
Pallavi_Jindal_resumePallavi_Jindal_resume
Pallavi_Jindal_resume
 
NavneetSingh_ASP.NET
NavneetSingh_ASP.NETNavneetSingh_ASP.NET
NavneetSingh_ASP.NET
 
Minor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure VisualizerMinor Project Synopsis on Data Structure Visualizer
Minor Project Synopsis on Data Structure Visualizer
 
Notespane - A community based learning system
Notespane - A community based learning systemNotespane - A community based learning system
Notespane - A community based learning system
 
IRJET- Design and Development of Web Application for Student Placement Tr...
IRJET-  	  Design and Development of Web Application for Student Placement Tr...IRJET-  	  Design and Development of Web Application for Student Placement Tr...
IRJET- Design and Development of Web Application for Student Placement Tr...
 
Automated Placement System
Automated Placement SystemAutomated Placement System
Automated Placement System
 
IRJET- Intelligent Laboratory Management System based on Internet of Thin...
IRJET-  	  Intelligent Laboratory Management System based on Internet of Thin...IRJET-  	  Intelligent Laboratory Management System based on Internet of Thin...
IRJET- Intelligent Laboratory Management System based on Internet of Thin...
 
Student University Network
Student University NetworkStudent University Network
Student University Network
 
Ijsred v2 i5p95
Ijsred v2 i5p95Ijsred v2 i5p95
Ijsred v2 i5p95
 
IRJET- Deep Web Searching (DWS)
IRJET- Deep Web Searching (DWS)IRJET- Deep Web Searching (DWS)
IRJET- Deep Web Searching (DWS)
 
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKS
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKSONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKS
ONLINE WEB APPLICATION FOR CREATING AND SHARING INTERACTIVE TEXTBOOKS
 
KrishnaChaitanya-Java-7 YearsExp
KrishnaChaitanya-Java-7 YearsExpKrishnaChaitanya-Java-7 YearsExp
KrishnaChaitanya-Java-7 YearsExp
 
Online Learning Management System and Analytics using Deep Learning
Online Learning Management System and Analytics using Deep LearningOnline Learning Management System and Analytics using Deep Learning
Online Learning Management System and Analytics using Deep Learning
 
Alumni Management System – Web Application
Alumni Management System – Web ApplicationAlumni Management System – Web Application
Alumni Management System – Web Application
 
Alumni Management System -Web Application
Alumni Management System -Web ApplicationAlumni Management System -Web Application
Alumni Management System -Web Application
 
Naresh Chirra
Naresh ChirraNaresh Chirra
Naresh Chirra
 
Raju_Resume
Raju_ResumeRaju_Resume
Raju_Resume
 

More from IRJET Journal

TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...IRJET Journal
 
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURESTUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTUREIRJET Journal
 
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...IRJET Journal
 
Effect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil CharacteristicsEffect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil CharacteristicsIRJET Journal
 
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...IRJET Journal
 
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...IRJET Journal
 
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...IRJET Journal
 
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...IRJET Journal
 
A REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADASA REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADASIRJET Journal
 
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...IRJET Journal
 
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD ProP.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD ProIRJET Journal
 
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...IRJET Journal
 
Survey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare SystemSurvey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare SystemIRJET Journal
 
Review on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridgesReview on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridgesIRJET Journal
 
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...IRJET Journal
 
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.IRJET Journal
 
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...IRJET Journal
 
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic DesignMultistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic DesignIRJET Journal
 
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...IRJET Journal
 
Solving Linear Differential Equations with Constant Coefficients
Solving Linear Differential Equations with Constant CoefficientsSolving Linear Differential Equations with Constant Coefficients
Solving Linear Differential Equations with Constant CoefficientsIRJET Journal
 

More from IRJET Journal (20)

TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
TUNNELING IN HIMALAYAS WITH NATM METHOD: A SPECIAL REFERENCES TO SUNGAL TUNNE...
 
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURESTUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
STUDY THE EFFECT OF RESPONSE REDUCTION FACTOR ON RC FRAMED STRUCTURE
 
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
A COMPARATIVE ANALYSIS OF RCC ELEMENT OF SLAB WITH STARK STEEL (HYSD STEEL) A...
 
Effect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil CharacteristicsEffect of Camber and Angles of Attack on Airfoil Characteristics
Effect of Camber and Angles of Attack on Airfoil Characteristics
 
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
A Review on the Progress and Challenges of Aluminum-Based Metal Matrix Compos...
 
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
Dynamic Urban Transit Optimization: A Graph Neural Network Approach for Real-...
 
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
Structural Analysis and Design of Multi-Storey Symmetric and Asymmetric Shape...
 
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
A Review of “Seismic Response of RC Structures Having Plan and Vertical Irreg...
 
A REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADASA REVIEW ON MACHINE LEARNING IN ADAS
A REVIEW ON MACHINE LEARNING IN ADAS
 
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
Long Term Trend Analysis of Precipitation and Temperature for Asosa district,...
 
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD ProP.E.B. Framed Structure Design and Analysis Using STAAD Pro
P.E.B. Framed Structure Design and Analysis Using STAAD Pro
 
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
A Review on Innovative Fiber Integration for Enhanced Reinforcement of Concre...
 
Survey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare SystemSurvey Paper on Cloud-Based Secured Healthcare System
Survey Paper on Cloud-Based Secured Healthcare System
 
Review on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridgesReview on studies and research on widening of existing concrete bridges
Review on studies and research on widening of existing concrete bridges
 
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
A Comprehensive Review of Integrating IoT and Blockchain Technologies in the ...
 
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
A REVIEW ON THE PERFORMANCE OF COCONUT FIBRE REINFORCED CONCRETE.
 
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
Optimizing Business Management Process Workflows: The Dynamic Influence of Mi...
 
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic DesignMultistoried and Multi Bay Steel Building Frame by using Seismic Design
Multistoried and Multi Bay Steel Building Frame by using Seismic Design
 
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
Cost Optimization of Construction Using Plastic Waste as a Sustainable Constr...
 
Solving Linear Differential Equations with Constant Coefficients
Solving Linear Differential Equations with Constant CoefficientsSolving Linear Differential Equations with Constant Coefficients
Solving Linear Differential Equations with Constant Coefficients
 

Recently uploaded

Turn leadership mistakes into a better future.pptx
Turn leadership mistakes into a better future.pptxTurn leadership mistakes into a better future.pptx
Turn leadership mistakes into a better future.pptxStephen Sitton
 
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...Stork Webinar | APM Transformational planning, Tool Selection & Performance T...
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...Stork
 
Cost estimation approach: FP to COCOMO scenario based question
Cost estimation approach: FP to COCOMO scenario based questionCost estimation approach: FP to COCOMO scenario based question
Cost estimation approach: FP to COCOMO scenario based questionSneha Padhiar
 
priority interrupt computer organization
priority interrupt computer organizationpriority interrupt computer organization
priority interrupt computer organizationchnrketan
 
Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Romil Mishra
 
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.ppt
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.pptROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.ppt
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.pptJohnWilliam111370
 
Comprehensive energy systems.pdf Comprehensive energy systems.pdf
Comprehensive energy systems.pdf Comprehensive energy systems.pdfComprehensive energy systems.pdf Comprehensive energy systems.pdf
Comprehensive energy systems.pdf Comprehensive energy systems.pdfalene1
 
DEVICE DRIVERS AND INTERRUPTS SERVICE MECHANISM.pdf
DEVICE DRIVERS AND INTERRUPTS  SERVICE MECHANISM.pdfDEVICE DRIVERS AND INTERRUPTS  SERVICE MECHANISM.pdf
DEVICE DRIVERS AND INTERRUPTS SERVICE MECHANISM.pdfAkritiPradhan2
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating SystemRashmi Bhat
 
Python Programming for basic beginners.pptx
Python Programming for basic beginners.pptxPython Programming for basic beginners.pptx
Python Programming for basic beginners.pptxmohitesoham12
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxsiddharthjain2303
 
Levelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodLevelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodManicka Mamallan Andavar
 
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptx
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptxTriangulation survey (Basic Mine Surveying)_MI10412MI.pptx
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptxRomil Mishra
 
Main Memory Management in Operating System
Main Memory Management in Operating SystemMain Memory Management in Operating System
Main Memory Management in Operating SystemRashmi Bhat
 
SOFTWARE ESTIMATION COCOMO AND FP CALCULATION
SOFTWARE ESTIMATION COCOMO AND FP CALCULATIONSOFTWARE ESTIMATION COCOMO AND FP CALCULATION
SOFTWARE ESTIMATION COCOMO AND FP CALCULATIONSneha Padhiar
 
Katarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School CourseKatarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School Coursebim.edu.pl
 
"Exploring the Essential Functions and Design Considerations of Spillways in ...
"Exploring the Essential Functions and Design Considerations of Spillways in ..."Exploring the Essential Functions and Design Considerations of Spillways in ...
"Exploring the Essential Functions and Design Considerations of Spillways in ...Erbil Polytechnic University
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating SystemRashmi Bhat
 
KCD Costa Rica 2024 - Nephio para parvulitos
KCD Costa Rica 2024 - Nephio para parvulitosKCD Costa Rica 2024 - Nephio para parvulitos
KCD Costa Rica 2024 - Nephio para parvulitosVictor Morales
 

Recently uploaded (20)

Turn leadership mistakes into a better future.pptx
Turn leadership mistakes into a better future.pptxTurn leadership mistakes into a better future.pptx
Turn leadership mistakes into a better future.pptx
 
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...Stork Webinar | APM Transformational planning, Tool Selection & Performance T...
Stork Webinar | APM Transformational planning, Tool Selection & Performance T...
 
Cost estimation approach: FP to COCOMO scenario based question
Cost estimation approach: FP to COCOMO scenario based questionCost estimation approach: FP to COCOMO scenario based question
Cost estimation approach: FP to COCOMO scenario based question
 
priority interrupt computer organization
priority interrupt computer organizationpriority interrupt computer organization
priority interrupt computer organization
 
Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________Gravity concentration_MI20612MI_________
Gravity concentration_MI20612MI_________
 
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.ppt
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.pptROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.ppt
ROBOETHICS-CCS345 ETHICS AND ARTIFICIAL INTELLIGENCE.ppt
 
Comprehensive energy systems.pdf Comprehensive energy systems.pdf
Comprehensive energy systems.pdf Comprehensive energy systems.pdfComprehensive energy systems.pdf Comprehensive energy systems.pdf
Comprehensive energy systems.pdf Comprehensive energy systems.pdf
 
DEVICE DRIVERS AND INTERRUPTS SERVICE MECHANISM.pdf
DEVICE DRIVERS AND INTERRUPTS  SERVICE MECHANISM.pdfDEVICE DRIVERS AND INTERRUPTS  SERVICE MECHANISM.pdf
DEVICE DRIVERS AND INTERRUPTS SERVICE MECHANISM.pdf
 
Virtual memory management in Operating System
Virtual memory management in Operating SystemVirtual memory management in Operating System
Virtual memory management in Operating System
 
Designing pile caps according to ACI 318-19.pptx
Designing pile caps according to ACI 318-19.pptxDesigning pile caps according to ACI 318-19.pptx
Designing pile caps according to ACI 318-19.pptx
 
Python Programming for basic beginners.pptx
Python Programming for basic beginners.pptxPython Programming for basic beginners.pptx
Python Programming for basic beginners.pptx
 
Energy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptxEnergy Awareness training ppt for manufacturing process.pptx
Energy Awareness training ppt for manufacturing process.pptx
 
Levelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument methodLevelling - Rise and fall - Height of instrument method
Levelling - Rise and fall - Height of instrument method
 
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptx
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptxTriangulation survey (Basic Mine Surveying)_MI10412MI.pptx
Triangulation survey (Basic Mine Surveying)_MI10412MI.pptx
 
Main Memory Management in Operating System
Main Memory Management in Operating SystemMain Memory Management in Operating System
Main Memory Management in Operating System
 
SOFTWARE ESTIMATION COCOMO AND FP CALCULATION
SOFTWARE ESTIMATION COCOMO AND FP CALCULATIONSOFTWARE ESTIMATION COCOMO AND FP CALCULATION
SOFTWARE ESTIMATION COCOMO AND FP CALCULATION
 
Katarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School CourseKatarzyna Lipka-Sidor - BIM School Course
Katarzyna Lipka-Sidor - BIM School Course
 
"Exploring the Essential Functions and Design Considerations of Spillways in ...
"Exploring the Essential Functions and Design Considerations of Spillways in ..."Exploring the Essential Functions and Design Considerations of Spillways in ...
"Exploring the Essential Functions and Design Considerations of Spillways in ...
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating System
 
KCD Costa Rica 2024 - Nephio para parvulitos
KCD Costa Rica 2024 - Nephio para parvulitosKCD Costa Rica 2024 - Nephio para parvulitos
KCD Costa Rica 2024 - Nephio para parvulitos
 

React based fullstack edtech web application

  • 1. React based fullstack edtech web application Divyanshu Mishra1, Neha Shelke2, R.N Sathawane3 1Student VIII B.E Computer Engineering , Sinhgad Institute Of Technology, Lonavala 410401(Maharashtra)(India) 2Student VIII B.E Computer Engineering , Sinhgad Institute Of Technology ,Lonavala 410401(Maharashtra)(India) 3Prof. R .N Sathawne, Dept. of Computer Engineering, Sinhgad Institute Of Technology ,Lonavala 410401 , Maharashtra, India ---------------------------------------------------------------------***--------------------------------------------------------------------- Abstract - This research paper provides a detailed exploration of the architectural framework employed in the educational technology (ed-tech) platform. The platform comprises three principalcomponents:thefrontend, back end, and database, adhering to a client-server architecture. The front end, developed using ReactJS, ensures dynamic and responsive user interfaces crucial for an immersive learning experience. The back end, constructed with NodeJS and ExpressJS, offers scalable APIs for functionalities like user authentication and course management. MongoDB, a NoSQL database, is employed for flexible and scalable data storage, accommodating diverse types of course contentanduserdata. The paper includes an architecture diagram to visually represent the system's structure. Key Words: Technology and education, Synergies, Transformative potential, MERN stack, User interface 1.INTRODUCTION EdTech is a mix of "Education" and "Technology" and it's also called learning technology or instructional technology. Education technologymeans usingtechnologytohelppeople learn better and have easier access to education. This can include things like computers, programs, and other items that teachers and students use for learning. Education is changing. Instead of just learning online, now students are using iPads and interactive displays in the classroom tohelp them learn. This includes whiteboards and other new technology to help with education. We have seentechnology change the education industry a lot. In the pandemic, many students had to learn from home. Technology became very important for education. This led to the creation of educational computer programs. Right now, the Edtech industry is working every day to change the way we do education and how we manage learning. An education technology platform that focusesonitsMERN stack baseand REST API structure. The progress being made will bring improvements in how things work and in how the interface looks, but we expect there will be some difficulties, especially in bringing different technologies together and fixing any problems that come up. We want to make a website for learning that is easy to use and works well. 2. LITERATURE SURVEY 1.Bhavyaa, Suhani Gupta, Ms. Vaishali: The complicated problem was finally solved by the team of experts. Bhavyaa and Suhani Gupta, and their teacher Ms. Vaishali said that in a study called "Comprehensive Study Of MERN Stack – Architecture, Popularity and Future Scope," the authors discussed the main things that influence theirdecision when choosing software. They consider how easy it is to learn, the support from the community, what their clients need, and if there are developers available for that specific software. Time to load, add, update, and delete tasks. Using client-side software like Vue. 2.Earl A. Evans, S. Murray: Earl A Evans, S Murray wrote a paper about how new technologyhasmadeonline education better. In the study, we measured how satisfied the faculty were with the web-based course tools, how well they thought the tools worked, how often they used them, and how important they thought the tools were for teaching the course. 3.Preeti Manchekar , Aakash Patil,Ashutosh Patil,Shruti Pawar, Sulochana Madachane: Preeti Manchekar,Aakash Patil, Ashutosh Patil, Shruti Pawar, Sulochana Madachane: The paper titled “Design and Implementation of Ecommerce Web Application using MERN Stack and Data Science” addresses social media.The social media has been influencing e-commerce in multiple ways by being a platform of marketing for e- commerce business over the years .Performance metrics of the e-commerceplatform and accuracy/effectiveness of the sales forecasting featureusing the ARIMA model. 4.S.Ivanova, Georgi Georgiev: In an education application: A practical approach" addresses modern web frameworks that manage to cope with this client- side complexity by adopting a mindset oriented towards the design of robust and complex applications that can be delivered quickly with a high level of security , scaled easily, and extended simply. the study titled "Using modern web frameworks when developing. International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072 © 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 638
  • 2. International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072 5.Christopher Rafael, Philipus Wijaya Adikusumo, Ngurah Agus Sanjaya, M. S. Anggreainy: Inthestudytitled "Application of Software Engineering in Intermediate and Higher Education through Web Apps Development" The paper concludes by summarizing the key contributions of the research, highlighting the successful development of a fully functional. WebApp designed to assist high school and university students in their online studies. The conclusion also reflects on the broader implications for the intersection of software engineering and education, setting the stage for further exploration and development in this dynamic field. The main or primary outcomes measured in the study is the improvement of online learning for high schoolers and university students. 6.Billie Jack Pasion: The paper titled “Development and Assessment of Web Application for Industrial Technological Education” addresses the WAITE . The WAITE was made to help teachers and students with flexible learning. Evaluation of theWebApplicationforindustrialTechnologicalEducation (WAITE) by IT professionals,teachersandstudents,focusing on its technical characteristics (functionality, efficiency, reliability, usability, maintainability and portability) and instructional use. 2. METHODOLOGY 1.Requirement Analysis: We need to carefully study what users need for education and what the platform should do. This will help us understand what the platform needs to do and what it shouldn't do. 2. Technology Stack Selection: Choosing the right technology: Decide on the best technology for the front end, back end, and database based on what the platform needs and the benefits of using ReactJS, NodeJS, ExpressJS, and MongoDB. 3.Front-end Development: The front-end of the website will be built using ReactJS to create the design shown in Figma. Create and put together pageslikeHomepage,Course List, Wishlist, Cart Checkout, Course Content, User Details, and User Edit Details for students, and Dashboard, Insights, Course Management Pages, and View/EditProfileDetailsfor instructors. 4.Styling and UI Frameworks: Using CSS and Tailwind frameworks to make the user interface look good and work well on different devices. Use the Figma design as a guide to make sure everything looks the same and follows the style rules. 5.State Management: Use Redux to manage the state of the application on the front end. It helps to organize and share the state across different parts oftheapplication. Thismakes sure that the user's experience is smooth and things happen all at the same time. 6.Back-end Development: Building a strong and flexible server is what we do by using Node. js and Expressjs in a monolithic way. Use technology to make sure that only authorized users can access the system. Also,usetechnology to manage courses and handle payments. We will use JWT for security and Razor pay for handling payments. 7.Database Design and Implementation: Designing and making a plan for storing information about students, teachers, and courses using MongoDB. Create a system to save and find user information, course content, and other important details in a database. 8.API Design and Implementation: Design and make API endpoints using Node. js and Expressjs following RESTful principles. Create ways for users to log in, manage courses, and use other important features that are described in the API section. 9.Security Measures: Use tools like JWT to make sure only authorized users can access the system, Bcrypt to keep passwords secure, and use secure methods to send and receive user data to protect their privacy and keep it accurate. 10.Deployment: Utilize Vercel for deploying the front end, and Render or Railway for deploying the back end. Host media files on Cloudinary and the database on MongoDB Atlas. Ensure seamless integration between all components in the production environment. 11 Testing: Do a lot of testing to find and fixanyproblemsin the system. This includes testing small parts, testing how everything works together, and letting users try it out to make sure it works well. 12.Documentation: Create comprehensive documentation covering the architecture, API design, and deployment process for future reference and maintenance. 13.Future Enhancements: In the future, we plan to make improvements to our program. We will consider adding fun features, personalized learning options, social learning features, a mobile app,andvirtual reality/augmentedreality. Set a schedule and decide what things are most important for each improvement. 14.Challenges and Debugging: Address challenges faced during development, especially in integrating different technologies. Implement effective debugging strategies to ensure the stability and reliability of the platform. 15.UserFeedbackandIterativeDevelopment:Gatheruser feedback through beta testing and user reviews. Iterate on the platform based on user suggestions and identified areas for improvement. © 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 639
  • 3. International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072 3. SYSTEM DESIGN The introduction contextualizes the significance of architectural considerations in ed-tech platforms, emphasizing the role of technology in shaping modern educational experiences. It introduces the ed-tech platform as a case study for architectural analysis. 1.Front-end Architecture: The front-end component, developed with ReactJS, is elucidated. ReactJS's utility in creating dynamic and responsive user interfaces is discussed, emphasizing its pivotal role in enhancing the interactive learning experience for students. The section details the front end's communication with the back end through RESTful API calls. 2.Back-end Architecture: The back-end architecture, constructed with NodeJS and ExpressJS, is examined. We chose these frameworks because they are strong and can handle big projects for building server applications. The section delves into the APIs provided by the back end, encompassing functionalities such as user authentication, course creation, and consumption. The logic for processing and storing course content and user data is explicated. 3.Database Architecture: The database architecture, leveraging MongoDB as a NoSQL solution, is scrutinized. MongoDB's flexibility and scalability for storing unstructured and semi-structured data are discussed, particularly in the context of accommodating diversecourse content like videos, images, and PDFs. The database's role in storing course content, user data, and other pertinent information is outlined. 4.Architecture Diagram: A high-level architecturediagram is presented, offering a visual representation of the ed-tech platform. The picture shows how the front end, back end, and database are connected and how data moves between them in the system. 5.Comparative Analysis: Thissectioncomparesthechosen architectural components with alternative technologies, highlighting the rationale behind selecting ReactJS, NodeJS, ExpressJS, and MongoDB. The analysis aims to provide a comprehensive understanding of why these technologies were deemed suitable for web application’s platform. 6. Scalability and Performance Considerations: The paper discusses scalability and performance considerations inherent in the architectural choices, outlining strategies employed to ensure the platform's ability to handle increasing user loads and deliver optimal performance. 8. Security Measures: Security measures integrated into the architecture are detailed, addressing aspects such as data encryption, user authentication protocols, and safeguarding against potential vulnerabilities. 1.For Students: 1. Homepage: Offers a platform introduction with links to the course list and user details. 2. Course List: Displays available courses with descriptions and ratings. 3. Wishlist: Presents courses added to a student's wishlist. 4. Cart Checkout: Facilitates course purchases. 5. Course Content: Provides detailed course materials including videos. 6. User Details: Displays information about the student's account. 7. User Edit Details: Allows students to modify their account information. 2.For Instructors: 1. Dashboard: Offers an overview of the instructor's courses, along with ratings and feedback. 2. Insights: Provides detailed metrics for the instructor's courses. 3. Course Management Pages: Enables instructors to create, update, and delete courses. 4. View and Edit Profile Details: Allows instructors to manage their account information. 3.For Admin (future scope): 1. Dashboard: Offers an overview of the platform's courses, instructors, and students. 2. Insights: Provides detailed metrics, including registered users, courses, and revenue. 3. Instructor Management: Allows the admin to manage instructor accounts, courses, and ratings. 4.Development Tools: Thefront endisbuiltusingReactJS,a popular JavaScript library for UI development. CSS and Tailwind, styling frameworks, enhance the aesthetic appeal © 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 640
  • 4. International Research Journal of Engineering and Technology (IRJET) e-ISSN: 2395-0056 Volume: 11 Issue: 01 | Jan 2024 www.irjet.net p-ISSN: 2395-0072 and responsiveness of the user interface. To add functionality, npm packages are employed, while Redux, a renowned state management library for React, ensures effective state handling. The development environment of choice is VSCode, a widely used code editor. 4. CONCLUSIONS In conclusion, the ed-tech platform emergesasa robustand scalable solution poised to revolutionizeonlinelearning. The adoption of the MERN stack, coupled with meticulous RESTful API design, sets the foundationfora seamlessclient- server architecture. Notably, ReactJS orchestrates an engaging front end, while the back end leverages the prowess of Node.js and Express.js, with MongoDB ensuring flexible data storage. The timing aligns perfectly with the advancements in technology, enabling and enhancing learning across diverse backgrounds and settings. The modernization of E-rate and the widespread adoption of openly licensed educational resources create a fertile environment for realizing the full potential of technology in education. The deployment strategy, whether through Vercel, Render.com, or Railway.app, and MongoDB Atlas, underscores a commitment to reliability. This strategic approach ensures that the ed-techplatformiswell-equipped to meet the demands of users seeking a responsive and dependable onlinelearning experience.Lookingforward, the vision for the platform extends beyond its current capabilities. Future enhancements, suchastheintegrationof gamification features, personalized learning paths, and the development of a mobile application, demonstrate an ongoing commitment to improvement. These envisioned additions aim to elevatethe platform'sfunctionalityand user experience, aligning with the evolving landscape of educational technology. It is important to acknowledge the inevitable challenges associated with integrating diverse technologies and debugging processes. However, as the project progresses, milestones will be achieved, showcasing the successful realization of planned functionalities. The dedication to delivering a user-friendly interface underscores the platform's commitment to enhancing the educational journey for its users. In essence, the ed-tech platform represents more than just a technological solution—it symbolizes a transformative force in the educational landscape. By using new technology and thinking ahead, the platform shows how online learning is getting better and always changing. 5. ACKNOWLEDGEMENT We express our sincere gratitude to our institution Sinhgad Institute of Technology, Lonavala for providing us an opportunity for completing our Project Work successfully. We extend deep sense of sincere gratitude to Dr. M. S. Gaikwad, Principal, Sinhgad Institute of Technology, Lonavala, for providing an opportunity to complete the Project Work. We extend special in-depth, heartfelt, and sincere gratitude to Dr. S. D. Babar, Head of the Department, Computer Science and Engineering Sinhgad Institute of Technology, Lonavala, for his constant support and valuable guidance of the Project Work. We convey our sincere thanks to Project Guide Prof. Roshani Sathawane, Department of Computer Science and Engineering, Sinhgad Institute of Technology, Lonavala, for her constant support, valuable guidance and suggestions of the Project Work. 6. REFERENCES [1] Robinson, Rhonda; Molenda, Michael; Rezabek, Landra. "Facilitating Learning" (PDF). Association for Educational Communications andTechnology.Archived (PDF) from the original on 22 September 2015. Retrieved 18 March 2016 [2] Tanner Mirrlees; Shahid Alvi(22October2019).EdTech Inc.: Selling, Automating and Globalizing Higher Education in the Digital Age. New York: Routledge.p.60. doi:10.4324/9780429343940. ISBN 978-0-429-34394- 0. S2CID 211780225. [3] Woo, Stu (30 January 2017). "What's Better in the Classroom—Teacher or Machine?". The Wall Street Journal. Archived from the original on 12 November 2020. Retrieved 26 December 2020 [4] Moore, J. L.; Dickson-Deane, C.; Galyen, K. (2011). "E- Learning, online learning, and distance learning environments: Are they the same?". The Internet and Higher Education. 14 (2): 129–135. doi:10.1016/j.iheduc.2010.10.001. S2CID 17622901. © 2024, IRJET | Impact Factor value: 8.226 | ISO 9001:2008 Certified Journal | Page 641