Giter VIP home page Giter VIP logo

gardens's People

Contributors

bratishques avatar joingardens avatar meteor-citadel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

uvacoder

gardens's Issues

Search for tools and flows globally

Summary

Let's allow users to search for flows and/or tools on any page in the website using native Postgres text search via Supabase and jump to them in a single click

Definition of Done

  • User sees a search button in global navigation bar
  • When search button is pressed, it displays a modal with a text field to input strings
  • When user inputs a text string, they see a list of all flows and tools matching this string
  • User can press a tool or a flow to open the page of this flow/tool

View flow page with images, expand image on click

Summary

Let's show one or more images for each step and output on the flow page, if any were assigned to the step/output during flow creation. Let's also allow the user to expand the image by clicking, so they can better recognize small text and details

Definition of Done

  • User sees all images assigned to each flow step or flow output on flow page
  • Images are appropriately sized not to disrupt the UI of the page
  • User can press an image to expand. Pressing once shows the image full-size, with the rest of the page darkened to help focus on the image. Pressing again returns image to its previous state

See a loading indicator after a flow is submitted

Summary

To make flow creation experience smooth for users, let's show a loading indicator after a user presses "submit a flow" in case there are no errors.

Definition of Done

  • User sees a loading indicator after pressing "Submit a flow"
  • The loading indicator is present up until the last successful API call is made to Supabase
  • If some of the API calls return errors, an error message is shown saying the flow was not submitted

View personal guides and drafts

Summary

After signing in, a user can view a list of all drafts and guides they ever created on the platform. This is presented as a list of cards, with a title of draft/guide, date/time created and type (no type if it's a draft, "guide" if it's a guide). Styling for draft and guide cards is similar, the only difference is in the type specified.

Definition of Done

  • User can view a complete list of drafts and guides created by them
  • Both guides and drafts have a title and date/time created displayed in the timezone of the user device
  • Guides in the list have a "Guide" type displayed
  • Users can only view their own drafts and guides in the list
  • Pressing a draft or a guide opens the page of the draft/guide selected

See error messages in UI when errors are thrown on flow creation

Summary

Let's show error messages in the interface when something goes wrong during the flow creation process so the user knows what to expect

Definition of Done

  • User sees an error message when trying to submit a flow without a title
  • User sees an error message when trying to submit a flow without at least 1 step
  • User sees an error message when trying to submit a flow that includes steps with a tool but without a task

Preserve basic formatting and process Markdown-formatted links for submitted flows

Summary

Let's keep the formatting (newlines and spaces) for flow item, flow input and flow output descriptions (not titles) submitted by user. Let's also process markdown-formatted links in the format link-text and show them as clickable text strings inside main description body.

Definition of done

  • After a user submits a flow, all new lines and spaces are stored in Supabase and the formatting exactly matches the formatting user applied when submitting the flow
  • When a user formats a link with markdown-like link syntax , this formatting is stored as-is in Supabase, but is shown as clickable text on the website

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.