Git Product home page Git Product logo

banking-app's Introduction

banking-app

This is a project based on create react app, use below commands to run the project:

To install all dependencies:

npm install

To Start Project:

npm start

To test Unit test case:

npm test

Web Vitals screenshot :

Screenshot 2023-07-21 at 11 42 28 PM

This shows application's accessibility and performance.

Features implemented :

Sorting

by “Asset Class”: Equities first, then Macro and Credit last.

Screenshot 2023-07-21 at 11 51 39 PM

by “Price” in descending order

Screenshot 2023-07-21 at 11 52 08 PM

by “Ticker” in alphabetical order

Screenshot 2023-07-21 at 11 52 29 PM

Presentation

Rows to be colour-coded by “Asset Class”:

o Macro = White o Equities = Blue o Credit = Green

Screenshot 2023-07-21 at 11 53 51 PM

“Price” should be in black if positive and red if negative

Screenshot 2023-07-21 at 11 55 27 PM

Extra added features:

Fixed header and footer for page so it doesnt move when page is scrolled.

Scroll bar for table if the data increases, when data in table increases a scroll bar apears to show extra rows without disturing the page layout.

Every row hover shows color change for the row to show the highlighted row.

Added clear sorting button to remove if any sorting aplied to the table.

Added responsiveness to the application

Added accessibility using semantic HTML for html tags and image alt tags for images.

Written Test cases using jest and react testing library to test component behaviour.

banking-app's People

Contributors

poonam-vijaywargiya avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.