Code Monkey home page Code Monkey logo

steeleye-assignment-question-1's Introduction

README - App Issue Fixes and Enhancements

Welcome to the repository for the App Issue Fixes and Enhancements! This project focuses on resolving specific issues and adding enhancements to an existing application. We appreciate your interest and involvement in contributing to this project.

Live Link You can explore the live version of the application here => https://steeleye-assignment-question-1-shreyansh.vercel.app/

Instructions

To get started, follow these steps:

  1. Clone this repository to your local machine.
  2. Make sure you are checked out to the master branch.
  3. Run the command npm install to install the necessary dependencies.
  4. Start the application using the command npm start.

Issue Fixes and Enhancements

In this section, we outline the specific issues that have been addressed and the enhancements that have been added to the application.

1. Total Number of Orders Display

Issue: The title of the header incorrectly displays "5 orders" instead of the actual total number of orders present in the table. Fix: The header title now accurately displays the total number of orders.

2. Order Submitted Date Integration

Issue: The order submitted dates are missing from the table. Fix: The order submitted dates have been integrated into the table using timestamp data from src\assets\timeStamps.json, ensuring accurate display of order submission information.

3. Dynamic Currency Display

Issue: The Order Volume cell displays USD values regardless of the selected currency in the header dropdown. Fix: The Order Volume cell now dynamically displays the currency value selected in the header dropdown.

4. Search Feature for Order IDs

Enhancement: A search feature has been added to enable users to search for specific orders using the order IDs in the header search bar.

5. Console Errors and Warnings

Issue: Console errors and warnings were present in the application. Fix: Console errors and warnings have been resolved, leading to a smoother and error-free user experience.

6. Order Details Card

Enhancement: When a user selects an order from the table, a detailed Order Details Card is now populated above the listing component, providing an enhanced user experience.

7. Storybook Integration

Enhancement: Storybook has been integrated into one of the components i.e the List Component , allowing for isolated development and testing of UI components. To run Storybook, use the command npm run storybook.

License

This project is licensed under the MIT License.

Contact

If you have any questions or need assistance, feel free to contact us at [email protected].

steeleye-assignment-question-1's People

Contributors

shreyt19 avatar

Stargazers

 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.