THE GATHERING DECK BUILDER WITH REACT.JS AND CUTTING-EDGE WEB DEVELOPMENT

Abstract

MtGDeckBuild is a web application created as the final project for the Advanced Web Development course. Its purpose is to tackle the difficulties of incorporating Internet of Things (IoT) networks into Smart Cities, using a Magic: The Gathering deck builder as a setting. This paper uses React.js, Node.js, and SQL Server to study and implement advanced online technologies. It uses Scryfall's full card data and Frontegg's secure user authentication APIs. By using the RAD paradigm, the article was able to successfully include several elements, such as user identification, responsive design, interactivity, dynamic data display, and so on. The prototype showcases the team's skill in obtaining and deploying new technologies and highlights the need to efficiently handle third-party dependencies. Improving functionality, increasing efficiency and scalability, and exploring greater IoT integration inside Smart Cities utilizing advanced web development frameworks are some of the future prospects.

Keywords

• JavaScript library
• Front-End development
• Virtual DOM

References

1. D. Abramov, R. Nabors, Introducing react.dev (2023). URL https://react.dev/blog/2023/03/16/introducing-react-dev
2. S. Chen, U. R. Thaduri, V. K. R. Ballamudi, Front-end development in react: an overview, Engineering International 7 (2) (2019) 117–126.
3. A. Bodepudi, M. Reddy, S. S. Gutlapalli, M. Mandapuram, Voice recognition systems in the cloud networks: Has it reached its full potential, Asian Journal of Applied Science and Engineering 8 (1) (2019) 51–60.
4. Z. Dinku, React. js vs. next. js (2022).
5. G.C.Trends, The new experience economy (2022). URL www.dynata.com/content/GCT_The-New-Experience-Economy.pdf
6. L. Duy, Web application development (2024).
7. Q. Odeniran, H. Wimmer, J. Du, Javascript frameworks—a comparative study between react. js and angular. js, in: Interdisciplinary Research in Technology and Management, CRC Press, pp. 319–327.
8. D. M. Nguyen, Design and implementation of a full stack react and node. js application: simulating driver’s license exams (2024).

9. E. B. Pranata, T. Tony, Utilizing orb algorithm in web-based sales application, Journal of Information Systems and Informatics 6 (1) (2024) 378–398.
10. O. Lyxell, Server-side rendering in react: When does it become beneficial to your web program? (2023).
11. C. Minnick, Beginning reactjs foundations building user interfaces with reactjs: an approachable guide, John Wiley & Sons, 2022.
12. Gaper, How react js is revolutionizing web development (2023). URL https://gaper.io/how-react-js-is-revolutionizing-web-development/
13. V. Sahni, A. Chopde, M. Goswami, A. Kumar, Mern (mongodb, express-js, react-js, node-js) stack web-based themefied education platform for placement preparation, Educational Administration: Theory and Practice 30 (5) (2024) 1918– 1928.
14. T. A. Kra`lusz, Mobile application development with react native and leveraging third-party libraries (2024).
15. I. Rizvi, H. Gupta, I. Bharadwaj, et al., Connect easy: Revolutionizing the college experience through innovative web- based solutions (2024).
16. N. Garg, J. Chopra, V. Kumar, K. Aggarwal, J. Parashar, A. Jain, Applego: React js (web application).
17. B. Gamage, R. Ranaweera, A. Dilshan, R. Paranagama, D. De Silva, S. Vidhanaarachchi, Centralized platform for managing activities in e-commerce store, International Journal Of Engineering And Management Research 12 (5) (2022) 203–208.
18. T. Kissflow, What is rapid application development (rad)? an ultimate guide for 2024. (2024). URL https://kissflow.com/application-development/rad/rapid-application-development/#: ~:text=Rapid%20Application%20Development%2C%20or%20RAD,less%20emphasis%20on%20specific% 20planning