Slate banner

Slate

7 devlogs
14h 44m 54s

Slate, a vscode like code editor with a live preview, a terminal, and more features.

This project uses AI

Claude helped me with the icons because I didn’t know how to do it. Claude helped me fix the inline suggestion and made me start over with the inline suggestions instead of the current code.

Demo Repository

Loading README...

martik

Shipped this project!

Hours: 5.46
Cookies: đŸȘ 47
Multiplier: 8.6 cookies/hr

Added an entire preview system, which you can even open in a new tab. ‘Fixed’ the saving system. I made the sidebar collapsible. You can right-click to open a preview or open it in a new tab.

martik

Added an entire preview system, which you can even open in a new tab. Which refreshes under every single change. ‘Fixed’ the saving system; previously, you had to save it even if nothing was edited just by pressing, and it saved only to your computer; now it saves locally and only when you edited something.

I also made the sidebar collapsible. Now, when right-clicking, you can open the preview or open it in a new tab.

The preview also included a console that should display errors, but it hasn’t been fully tested yet.

Attachment
Attachment
0
martik

Finally fixed the issue by getting rid of it and starting again. I made the inline suggestion work, added text, and autocomplete. Btw, to the reviewer, I am so sorry that you had to endure the last version because I’m a dumb ass and didn’t properly test my code.

Attachment
Attachment
0
martik

Shipped this project!

Hours: 9.26
Cookies: đŸȘ 198
Multiplier: 21.41 cookies/hr

This project took a long time, with not a lot of the website working. You can do some kind of basic stuff like open files, make tasks, code, and save them. Stuff like previewing will be added next version, along with a couple of other features and bug fixes.

martik

So I couldn’t figure out why the website wasn’t deploying, I did something very stupid. I pasted it into Claude and SUCH a simple issue, in github i set the branch to /docs instead of /root. After some messing around in the JS, I resorted to Claude.

Attachment
0
martik

Fixed a couple of bugs regarding the file saving and tasks, and added color to the code in the editor itself. Made ctrl + s better because of permissions. Forgot to say when I commited on github but changed the icons up a bit.

Attachment
0
martik

This update changed everything. The sidebar was added, including a new tasks tab, an improved preview with semi-working code, a working explorer with new buttons to add file open folder and more, draggable files, and finally a working right-click. A working task system, which took a couple of hours, even the side color thing was super difficult, it looks way easier than it actually is, you wouldn’t believe it.

Attachment
Attachment
Attachment
0
martik

I added light mode and the text/button to toggle with it work, and basic function and routing to the index.html file when using the buttons under the start.

Attachment
0
martik

Currently made the general UI for the home/onboarding screen that is very visual studio code like, which includes a topbar, a welcome div with links to make or open new projects, and a recently opened projects, so you can start faster.

Attachment
0