Skip to content

NalinPlad/TextEdit-Simulator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

29 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

TextEdit-Simulator

A faithful recreation of MacOS TextEdit ๐Ÿ“„

Hello! ๐Ÿ‘‹ Go check out the project here if you havent already

This is a recreation of TextEdit, the default text editor of MacOS. If you use MacOS, you can open TextEdit right now to compare. It probably won't be 100% accurate, but I think its pretty close.

FEATURES โœจ

  • Auto saves text(try editing this text and reloading!)
  • Draggable window(position also autosaved)
  • File downloading(click "edited" in the top bar)

BUILT WITH ๐Ÿ› ๏ธ

  • Vanilla HTML, JS, CSS
  • Vite
  • Wallpaper from 512pixels.net [1]
  • Vim(yes)

SOME COOL THINGS ๐Ÿ˜Ž

  • Downloading is done by generating a text file on the fly using blobs [2]
  • Window movement is done by editing margin values when dragging

If you are a web developer, I suggest trying to do something like this. Find a small application or tool and try to recreate it. It is a good exercise and its satisfying when you get it right!