Web Applications Development
Mobile-first, cross-platform Web App Development, and experience using a number of emerging methods, tools, and technologies of the Web Platform. Emphasizes on using modern JavaScript frameworks libraries to develop web applications and services (React.js)
This project aims to develop a functional React web application, engaging with various key programming elements, including React components, React state management using the useState hook, passing state variables to child components, code encapsulation, and efficient statistical calculations utilizing array reduce and sort methods. Additionally, the project employs the spread operator for array operations, JSX for seamless UI integration, and button click events for dynamic functionality. A crucial aspect involves generating random integers between 1 and 100, incorporating them into a sorted array using the useState() React hook. The UI displays the evolving list of integers and provides statistical insights. The App component structure, encapsulating components like RandomNumbers. Throughout the project, emphasis is placed on organized component containers, robust state variable implementation, event-driven button functionalities for integer generation and array clearing, and careful sorting of data to maintain a visually coherent and dynamically updated user interface.
This project highlights my proficiency in React development by creating an engaging match card game. The game features two child components that contribute to the overall functionality. It also includes a data entry form component that facilitates user interaction and at least three React-controlled HTML elements to enhance the gaming experience. The implementation of state lifting ensures communication between the child component and the parent form state.
The game's user interface includes a 4 by 3 grid of cards, initially displayed with the back side up. Upon clicking the "New Game" button, the application initiates a new round, resetting the grid and providing users with a fresh challenge. Additionally, the inclusion of a "Start/Pause" button introduces a timer feature, calculating the time taken for players to match all the cards. The "Reset" button further enhances the game's functionality by allowing users to restart the current round, providing a seamless and enjoyable gaming experience.
I also integrated a meaningful REST call, connecting to external sources or utilizing a custom NodeJS server, enhancing the overall gaming experience.