Coder Social home page Coder Social logo

codeitcodes / codeit Goto Github PK

View Code? Open in Web Editor NEW
118.0 2.0 22.0 15.87 MB

Mobile code editor connected to Git.

Home Page: https://codeit.codes

License: Other

HTML 10.90% CSS 26.48% JavaScript 62.63%
code code-editor code-editor-mobile javascript git html css web webapp

codeit's People

Stargazers

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

Watchers

 avatar  avatar

codeit's Issues

Create new files

Maybe there would be an additional button ➕, next to the search button on the Gitbar.

Invite users to repositories

What if you had a "Create invite link" in Codeit.
You would choose permissions (eg. read, read & write) and an invite link would be generated.
Anyone who clicks on the link accepts the invite and gets access.
This would be better than Github's current flow for invites (open email, click on link, press accept).

Jump to function definition

In Github, it's implemented like this:

Screen Shot 2021-09-02 at 8 47 28 PM

I'm not saying that's how it should be. Perhaps it could be on a right-click menu.

Add comments on lines

It would be helpful if you could swipe right to add a comment on a line on a file.
Other people could swipe to see comments on lines.
On desktop, you could click on the line to see or add comments.

Beautify code

Add Prettier or another beautifier that beautifies the code, on a click of a button or a keyboard shortcut like Ctrl/Cmd+P.

Convert sidebar arrow hover handling to Javascript

Currently hover handling and delay are handled with CSS animations. This can be a bit buggy at times, so I think it would be better to use Javascript here. Using Javascript would also provide more control over the arrow states.

Binary file handling

When opening binary files, Codeit should try to display the file. For example, an image would be displayed in a Live View window.

However, if Codeit can't recognize the file type, a message can appear notifying the user:

Hmm..
We can't read that type of file. You can download it if you'd like.
[Download]

View organization

What if you could view or follow an organization from Codeit.
Like seeing a user page, but you can also see their repos.

Change tab length

It would be nice if you could change the tab length in a settings page.

Improved Search

Search activity by relevance.

Search can be launched using either a button or Ctrl/Cmd+F.

Activity is sorted by files, and is saved in localStorage. Files in activity have scroll and caret position history, clipboard values, location in project, autosaved contents, edit history, time of last interaction, and so on.

Search displays results in an autocompleted list.

Search is sorted by relevance, which is determined by files in activity.

Search includes, but is not limited to:

  • Code
    • Code from currently active file
    • Code from clipboard and it's history
    • Code from files in project
      • Variables and functions (including JS anonymous functions)
    • Code from other projects
  • Files
    • Files from currently active project/repository and from other repositories
  • Line numbers of currently active file
  • Repositories
    • Repositories from currently active user
    • Repositories from other users

You can access this feature by pressing Ctrl+F (Cmd+F on Mac).

Screen Shot 2022-01-12 at 8 07 59 PM

Screen Shot 2022-01-12 at 8 10 54 PM

Contrast

Reduce comments to be less visible in order to differentiate code from comments

Auto-saving message

When devs try to press CTRL/CMD+S in the editor, perhaps the console should display a funny message.

Mobile Developer Keyboard

Add developer keys to the keyboard (eg. TAB, brackets, quotation marks) and remove unnecessary ones.

"Copied!" message

Developers are always paranoid about whether they copied something or not (me included).

Screen Shot 2021-09-02 at 8 37 09 PM

What if Codeit displayed a butterbar message when you copied something, a message along the lines of:

✅ Copied!

I have a feeling this would save a lot of headaches.

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.