Git Product home page Git Product logo

cfchemui's Introduction

CFChemUI

(React + TypeScript + Vite)

User interface for CFChemAPI

Installation

npm install

Run Locally

npm run dev

Front-end assets

Build:

npx tailwindcss -i ./src/App.css -o ./dist/App.css

Watch:

npx tailwindcss -i ./src/App.css -o ./dist/App.css --watch

cfchemui's People

Contributors

jared-elevato avatar cholladay0816 avatar dccannon avatar jonathan-wahl avatar jack-42 avatar jeremyjyang avatar vmetzger09 avatar

Watchers

 avatar Steve Mathias avatar Christophe Lambert avatar  avatar

cfchemui's Issues

Table Search Results Page

The auto-suggest feature is nice for showing relevant results, but there should be an option to just press "Enter" and see a results page which provides a table/list of relevant results.

One-chemical view should display additional data

When viewing the page for a single molecule we currently display the molecule name, method of action (moa), canonical SMILES, and an svg diagram of the molecule. These are all great, but ideally we would also include some additional information:

  1. Information which can be directly retrieved from the existing API (e.g., inchi_key, compound_aliases, etc)
  2. Information on which tables/datasets the information came from. The relevant tables in the database here are: ["idg", "drugcentral", "refmet", "lincs", "glygen", "reprotox"]
  3. The chemical view should offer the option of downloading the information into a csv file. It may also be nice to have the option of downloading the chemical diagram if this can be easily done.

As a proof of concept I implemented a basic version of 2) on the addon_test branch of the UI and the source_tables branch of the API. Feel free to reference/re-use (or not re-use) this code as you deem fit.

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.