CreditDebit — Manage Your Financial Aspects

Project Type : Personal Project

GitHub repository : https://github.com/nam334/react-finance-website.git

Overview

The website primarily focuses on the accounting aspects of a financial company. The entire website is build using reusable components that can be customized and placed wherever necessary incorporating react hooks. Usage of various react libraries has been considered to ease user experience .An effective approach to produce global variables has also been incorporated through the context API thereby providing an edge to access deeply rooted components.

Key Features

1. Navigation or switching to different pages has been incorporated through the standard React library called React Router which uses component structure to call components displaying the appropriate information.
2. Wide usage of hooks such as useState and useEffect has been made which enables the reuse of stateful components to been initiated which in turn permits to encapsulate logic without affecting the hierarchy of components.
3. A consistent and dynamic styling pattern has been added by virtue of the react styled components. This in turn supports concurrent server-side rendering, with stylesheet rehydration. The basic idea is that whenever the app gets rendered on the server each time , a server stylesheet can be created and if we add a provider to the react tree, it will accept styles via a context API.
4. As the layout follows a symmetric pattern, the reusability of components has been taken care of with a view to increase scalability.