ExamIbea — An Intuitive & Pragmatic Learning Ecosystem

March’2021 — Present

2 min readMay 17, 2021

Project Type : Customer Initiated

Live Preview

Overview

ExamIbea is an Edutech Project with a focus, primarily on creating an amalgamation of management systems for administration and management of various roles, building an ecosystem of intuitive and pragmatic learning among the students, and catering the students with an asynchronous mode of education for fostering affordable, self-paced and holistic learning. Along with imparting education to the students and boosting competitiveness with the plethora of innovations, the project also focuses on proliferating the ExamIbea footprint in the contemporary online Edutech market.

Roles and Responsibilities

1. Identification of web-based user interactions and developed highly responsive user interface components via React concepts.

2. Optimizing components for maximum performance across a vast array of web capable devices.

3. Developing plethora of latest user facing features and built reusable fragments of code for future use

4. Identification and implementation of client side error handling across the project architecture.

5. Designed React APIs in the front-end interface and actively participated with the backend team for communication establishment of front-end and backend APIs in the complete project ecosystem.

Technologies

HTML5
CSS3
Bootstrap 4
React : React Router, React Hooks, React Styled-Components

Highlights

1. Declarative composition of collection of navigational components using React’s standard routing library, React Router.

2. Re-usability of stateful logic components using react hooks. Accomplishing reuse and share of stateful logic in form of custom hooks with other components without changing component hierarchy.

3. Enhancing CSS by using react styled components that allows one to use component-level styles in the application that are written with a mixture of JavaScript and CSS using a technique called CSS-in-JS. This makes it easy to inject values that only exist in JavaScript into our CSS while still allowing CSS to handle the various UI states.

4. Management of app’s state in a single place in order to increase predictable and traceable with the help of redux.

5. Handling client side errors by involving lifecycle methods such as static getderivedStateFromError for rendering fallback UI’s and componentDidCatch for logging error information in case when the error is thrown.