CRUD Application Using ReactJS Hooks M, Kanniga Parameshwari; K, Selvi; M, Rekha ...
EAI endorsed transactions on internet of things,
03/2024, Volume:
10
Journal Article
Peer reviewed
Open access
This Project is aimed to implement CRUD operations using the library called React.js which is the advanced version of the language Javascript. The question which pops out everyone’s mind now is why ...React? There’s lot of open – source framework/ library/ language that is available in today’s internet. The purpose of using react is anyone with the little knowledge of javascript can easily learn react and implementation of this library is user-friendly. Also, there’s many more packages react can easily get installed in NPM and run the application whatever changes in the code can do. React also delivers good UI for the developer and to create/develop new apps for future generation. There are more than 2000 developers and over one lakh sites making use of react.js among some of the most powerful are Instagram, Netflix, Whatsapp, Uber. It also integrates with any other javascript libraries or framework and speciality of react can make changes in the web browser without doing subsequent refresh of the pages. React can allow the developer to build any complex web application and more importantly mobile application. The CRUD is an acronym for Create, Read, Update and Delete which is very much essential for implementing any strong application with relational Database. Thus, the project results in Creating the user/users with their details, read the users task, updating if any new user is created through ‘Create’ operation, and finally delete the user/users list if not wanted for an application. Though the ‘crud’ functions for creating an application can be done in any language, the author specifically uses Javascript library called react.js which is one of the best platforms to create the single page user application interfaces. The overarching goal of this application is to bring easiness for any product development company in need of crud-user functions can stick to this.
We report on the development of react-bratus, a prototype providing developers with an interactive web-based component hierarchy visualization for React-based projects. We continuously evaluate ...react-bratus in multiple iterations with junior developers and find that component hierarchy visualizations are a promising tool for helping novice developers reverse engineer React-based applications.
Remote Plant Disease Diagnosis Sree, R. Sharmikha; kumar S K, Niranjan; S, Meera ...
2023 Intelligent Computing and Control for Engineering and Business Systems (ICCEBS),
2023-Dec.-14
Conference Proceeding
One of the key factors that determines the loss of agricultural production and in its yield is the discernment and recognition of plant diseases. Plant disease research is the investigation of any ...visible points of defects in any portion of the plant that differentiates it from others. Identifying the disease requires a great deal of effort and competence, as well as extensive knowledge of plants and disease detection investigations. The methods of image accession, extraction, segmentation, and pre-processing of the image's layers, are used to detect diseases, commonly, and still here. This paper presents the technical architecture of our solution, highlighting the integration of Python, FastAPI, and React.js to detect plant diseases and demonstrates its effectiveness through comprehensive testing and evaluation. The results indicate high accuracy in disease detection and underscore the system's potential to revolutionize potato crop health monitoring.
This paper presents a holistic exploration that benefits various entities which/who harvest and process Big-data and aim for security and performance. The paper provides insights for ...organizations/individuals to fortify their applications. In this dynamic world, over 5,00,000 tweets are sent every minute, advancing the need for real-time data processing; and it is the same case for any entity, that's in the internet, thus advancing overall security and performance. This study includes Java and React.js for a deeper dive and delves into ETL pipelines, SSR, Security considerations in Big data and on. Real-world case studies provide examples of successful implementations, inspiring organizations to adapt and apply similar methodologies to state project-specific challenges. This paper also explores ETL pipelines using Java and React.js equips organizations with insights for designing and data processing workflows. Ultimately, this research serves as a catalyst for innovation, and further research for big data processing in account with security and performance parameters, and integration of java and React.js in the ever-evolving big data applications.
Automated Programming Evaluation using MERN Kanchanamala, P.; Sai, B. Hema; Balaji, B. ...
2023 2nd International Conference on Applied Artificial Intelligence and Computing (ICAAIC),
2023-May-4
Conference Proceeding
Understanding how software works and building code has been a basic requirement for every student. Programming skills vary from person to person and even from language to language. Monitoring the ...student performance is evident to assess and improve programming skills. Though e-learning courses have paved the way to a different structure of learning, it is way more important to practice under supervision. The proposed model aims to automate the process of lab evaluation and assessment of programming subjects in the curriculum. The basic idea is to bring the IDE of various programming languages(C, C++, Python, Java, C#, goLang, JS) to construct a single platform to write code. The automated platform consists of different types of modules. Faculty module can add, modify or delete questions. According to the sections and subjects allocated, the faculty can observe the performance trends of all the students of the section in a given language. Test cases will be provided for each question. In student module, the student will be able to see all the programming subjects according to the section. Percentage, grades and marks will be provided based on the completion of test cases. Student profile demonstrates the whole details of the student. In admin module, the admin will have access to the overall website, to add faculty and student details. This project is being built using MERN stack web development. This automated tool will be very useful in assessing the students and provide accurate results.
Facial Recognition-Based Emotion Detection for Enhanced Voter Experience Gourav, S Nitin; Arora, Komal; Khan, Suhel ...
2023 10th IEEE Uttar Pradesh Section International Conference on Electrical, Electronics and Computer Engineering (UPCON),
2023-Dec.-1, Volume:
10
Conference Proceeding
Facial recognition-based emotion detection technology has the potential to enhance the voter experience by providing real-time feedback on the emotional responses of voters during the voting process. ...This technology can be integrated with voting machines or mobile apps to capture voters' facial expressions and analyze them using machine learning algorithms to determine their emotions. The resulting data can be used to tailor the voter experience, such as providing additional assistance to voters who appear confused or frustrated. However, there are also potential privacy concerns and ethical considerations that must be addressed in implementing this technology. Overall, facial recognition-based emotion detection has the potential to improve the voter experience, but careful consideration must be given to the potential benefits and risks.
Blockchain technology has gained significant popularity in recent years, with its ability to create secure, transparent and decentralized systems. React.js is a popular frontend development library, ...known for its performance and reusability. There are several common ways to create front-end dApps on blockchain networks, including using libraries such as Web3.js, web3-react, and ThirdWeb framework (later ThirdWeb). There are also several ways to create a complex dApp like NFT Marketplace, and the methods of architecture creating and implementing further projects have their own nuances and limitations that have to be discussed in this article.
Comparative Performance Analysis of Javascript Frontend Web Frameworks Tong, Jason; Jikson, Ricky Rivaldo; Gunawan, Alexander Agung Santoso
2023 3rd International Conference on Electronic and Electrical Engineering and Intelligent System (ICE3IS),
2023-Aug.-9
Conference Proceeding
One of the most popular tools today for building engaging, robust, and easy to manage websites is the JavaScript programming language. Over the past 10 years, numerous front-end frameworks have been ...developed on top of JavaScript, making it simpler to develop, design, and maintain interactive websites. Currently, the most popular JavaScript front-end frameworks are React.js and Vue.js. Next.js is a relatively new framework that is also catching developers' attention and growing in popularity. This paper assesses the performance of these prominent front-end JavaScript frameworks, analyzing aspects like browser performance, speed index, interactive time, and the efficiency of specific DOM operations such as adding, editing, and removing elements. Using benchmark applications tailored for each framework, we conducted extensive testing to gauge their performance across different DOMs, leveraging technology-based data. Finally, our study of three front-end frameworks concluded that Next.js offers superior performance, React.js's focus on JavaScript dynamics leads to latency, and Vue.js exhibits average speed, particularly in 'to-do list' and 'image gallery' project contexts.
Hotel Reservation App Integrated with Docker and Jenkins Vernekar, Shukla R; Kumar, Lava; Kalnoor, Gauri
2024 International Conference on Emerging Technologies in Computer Science for Interdisciplinary Applications (ICETCS),
2024-April-22
Conference Proceeding
In today's digital landscape, establishing a robust online presence is paramount for businesses looking to harness the full potential of the internet. It exploits the seamless integration of Docker ...and Jenkins for better efficiency and scalability. The main goal is to simplify the hotel booking procedure by providing users with an easy-to-use interface that makes reservations simple. Throughout the many phases of development, testing, and deployment, the integration of Docker guarantees a consistent and portable environment. A streamlined Continuous Integration and Continuous Deployment (CI/CD) process through Docker and Jenkins, all orchestrated with Git.Docker containerization. This containerization method makes the application more dependable and makes managing dependencies easier. Additionally, Jenkins automation makes continuous integration and delivery easier, guaranteeing dependable and quick application upgrades. The cooperative synergy between Docker and Jenkins improves the Hotel Reservation App's overall performance and maintainability by optimizing resource utilization and offering a solid and scalable basis. Detailed room information is readily available, and security remains a top priority with a one-time password (OTP) login mechanism and JSON Web Token (JWT) integration for secure user sessions.