ometman/FinMetrics

This a special react-redux app, that consumes a World Bank Economic Indicator API for Sub-Saharan African countries. The design is from Behance by Nelson Sakwa. # FinMetrics: Ometman FinMetrics Application: by Ometman "FinMetrics" is an SPA(Sinple-Page Application) that shows the World Bank metrics on Indicators for Sub-Saharan African countries. It serves information for politicians, journalists and all regional economic data lovers. As a Redux-React app state is manage by Redux. Its functionality consumes a World Bank Indicator API and dynamically populates the home page. Addtionally, detail metrics can be accessed through buttons on the home page for each country. This typically is a way 'prop-drilling'. Currently, it has only two pages, the home page and the details page. On the frontend, the React framework is employed to display contents the components, as Redux manages the consumption of the API coming from the Backend of the World Bank API services. It was setup with 'create-react-app' with Redux and employs components, props, routing and Redux states, including Jest testing and other related libraries. Enjoy it! # 📗 Table of Contents - FinMetrics: Ometman - 📗 Table of Contents - 📖 FinMetrics Web Application - 🛠 Built With - Tech Stack - Key Features - 💻 Getting Started - Prerequisites - Setup - Usage - Run tests - Deployment - 👥 Author - Authors - 🔭 Future Features - 🤝 Contributing - ⭐️ Show your support - 🙏 Acknowledgments - ❓ FAQ - 📝 License # 📖 FinMetrics Web Application **A Demo Video: Introduction to this Project** --View here>>>> FinMetrics Demo >The project includes designs for two different screen sizes. - Mobile: up to 768px wide. - Desktop: 768px or wider, with a maximum width of 600px; >Project Brief : - It is built on a design by Nelson Sakwa on Behance. - It is a single page App - It displays 2 pages: Home and Details. - Content is dynamic, using React components routes and Redux state management. - Use of Axios within Redux-ThunkAPI for data fetch. - Employed Jest testing framework for testing components. ## 🛠 Built With ### Tech Stack Client Pure JSX CSS Webpack Behance-based de …