Giter VIP home page Giter VIP logo

jsui's Introduction

JSUI

๐Ÿ›  A tool for visually organizing, creating, and managing JavaScript projects.
It doesn't matter if it's frontend or a backend app, or what framework it's using. If it has a package.json, it belongs here.

๐Ÿ’ธ Support on Open Collective
๐Ÿฆ Follow updates on Twitter
๐Ÿ™Œ๏ธ Made by Kitze
๐Ÿซ๏ธ Supported by React Academy


Features

  • Organize and group apps
  • Generate new apps
  • Search apps
  • Quick actions
  • Kill a port
  • Project dashboard
  • Search project files
  • Run scripts
  • Manage dependencies
  • Apply plugins
  • Generate new files

JSUI

Organize

  • Import existing projects
  • Manage and organize projects in groups
  • Collapse, rename, or delete groups
  • Mark a project with a red border if it's not using Git yet

Quick actions

  • Open the project in Finder
  • Open the project in your editor of choice (configurable in Settings)
  • Quick preview of package.json
  • Open the github/bitbucket/gitlab page for the project
  • Start the project
  • Remove the project from the dashboard

Search

  • Easily search all of your projects by pressing Cmd + Shift + P
  • Choosing a project will navigate to the project dashboard
  • Expect more Alfred-like functionality soon

Generate an app

  • Generate a new app using a popular cli
  • Supports React, Vue, Angular, Gatsby, React Native, Expo, etc.
  • Configure advanced options for each generator

generate project

Kill a port

  • For times when something annoying is running on a port and the process just can't be killed

kill a port


Project dashboard

project dashboard

Files

Note: This feature must be enabled from the Settings first

  • Index and display a list of all of the folders and files in a project
  • Click a file to quickly preview it
  • Press Cmd + Shift + N to quickly navigate and preview a file

files

Run scripts

  • See a list of all the scripts and run them with a press of a button
  • Run multiple scripts at once
  • The scripts run in an integrated Terminal that supports multiple tabs so you can see the output, or you can minimize it if you don't care

scripts

Dependencies

  • See two separate lists of the project dependencies and dev dependencies
  • Easily install a dependency and specify a version
  • Move a dependency to dev dependencies and vice-versa
  • Update the version of a dependency to the latest version

dependencies

Plugins

  • Plugins have the ability to install new dependencies, remove dependencies, modify scripts, remove, and add new files to a project
  • Right now the following plugins are available:
    • Storybook: Installs storybook and adds the needed files to the project
    • Plop: Adds the plop generator to the project. It also adds a default plop-templates folder, a plopfile.js.
    • Add .env: Adds an .env file to the project. Soon this file will be editable through UI.
    • Rewire: Installs react-app-rewired and adds a default config-overrides.js file

Note: plugins will be separated from the repo soon so anyone can publish their own plugin

plugins

Generate files

  • Automatically detect a plopfile.js and quickly generate files from existing templates.
  • If plopfile.js is not present, or your not familiar with plop run the Plop plugin and it will generate the needed files for you

jsui's People

Contributors

kitze avatar rakannimer avatar

Watchers

James Cloos avatar Harsha Attray 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.