https://github.com/sarthakmishraa/noodle-pad

Noodle Pad is a user-friendly text editor that automatically saves your work and offers a rich writing experience.
https://github.com/sarthakmishraa/noodle-pad

localstorage nextjs tiptap-editor typescript vercel

Last synced: 25 days ago
JSON representation

Noodle Pad is a user-friendly text editor that automatically saves your work and offers a rich writing experience.

• Host: GitHub
• URL: https://github.com/sarthakmishraa/noodle-pad
• Owner: sarthakmishraa
• Created: 2024-07-18T22:27:28.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-07-23T00:16:06.000Z (7 months ago)
• Last Synced: 2024-11-17T14:55:21.538Z (3 months ago)
• Topics: localstorage, nextjs, tiptap-editor, typescript, vercel
• Language: TypeScript
• Homepage: https://noodlepad.vercel.app
• Size: 312 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Noodle Pad

Noodle Pad is a simple yet powerful text editor built using Next.js with TypeScript. It allows users to create and edit text documents seamlessly, with the added functionality of saving content in the browser's localStorage. This ensures that your work is preserved and ready for you when you return. This project is live on vercel.

## Key Features

- **Rich Text Editing:** Utilizes the Tiptap npm package to provide a robust and customizable text editing experience.

- **Autosave:** Automatically saves your work to localStorage, so you never lose your progress.

- **Seamless Continuation:** Resume your work exactly where you left off, every time you open the editor.

- **User-Friendly Interface:** Clean and intuitive design for a smooth user experience.

## Short Description

Noodle Pad is a text editor application designed to enhance your writing workflow. Built with Next.js and TypeScript, it features a rich text editor powered by Tiptap and an autosave function using localStorage. Whether you’re drafting a document or jotting down notes, Noodle Pad ensures your content is always safe and accessible.

## Snippets

Noodle Pad Editor



Noodle Pad About



## Tech Used

- **Front-end Framework:** Next.js

- **Programming Language:** TypeScript

- **Text Editor:** Tiptap npm package

- **Storage:** localStorage

- **Deployment:** Vercel

## How to Use

1. Clone the repository: `git clone https://github.com/sarthakmishraa/noodle-pad.git`

Feel free to clone the repository and explore the project.

## Contributing

Contributions are welcome! Please fork the repository and submit a pull request.