Skip to content

Writing Studio is a minimalist, distraction-free web-based text editor built with React and Next.js. Features clean UI, real-time word count, auto-saving, markdown support, and export options for focused writing.

License

Notifications You must be signed in to change notification settings

akshitsutharr/writingstudio

Repository files navigation

Writing Studio 📝

A minimalist, distraction-free writing environment designed to help you focus on what matters most: your writing. This web-based application offers a clean and intuitive interface, allowing writers, bloggers, and students to craft their stories and articles with ease.

🔗 Live Demo: writingstudio.vercel.app

*image


🚀 About The Project

Writing Studio was created out of a desire for a simple, elegant, and functional online text editor. In a digital world full of distractions, this project aims to provide a calm and focused space where creativity can thrive.

Whether you're jotting down a quick idea, writing a blog post, or drafting the next chapter of your novel, Writing Studio equips you with just the right tools—nothing more, nothing less.


✨ Features

  • Clean & Minimalist UI – A distraction-free interface to keep you focused.
  • Rich Text Formatting – Tools like bold, italics, underline, lists, and headings.
  • Real-time Word & Character Count – Instantly track your writing progress.
  • Auto-Saving – Your work is saved automatically (if applicable).
  • Markdown Support – Write using Markdown syntax for fast, clean formatting (if applicable).
  • Export Options – Download your work as .md or .txt files (if applicable).
  • Responsive Design – Optimized for desktop, tablet, and mobile devices.

🛠️ Tech Stack

Built with a modern frontend stack:

  • React.js – JavaScript library for building user interfaces
  • Next.js – React framework for production
  • Tailwind CSS – Utility-first CSS framework
  • Vercel – Deployment and hosting platform

⚙️ Getting Started

To run this project locally, follow these steps:

Prerequisites

Ensure you have Node.js and npm (or yarn) installed.

npm install npm@latest -g

Installation

  1. Clone the repository
git clone https://github.com/akshitsutharr/writingstudio.git
  1. Navigate to the project directory
cd writingstudio
  1. Install dependencies
npm install
  1. Start the development server
npm run dev

Open your browser and go to: http://localhost:3000


🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and grow. Any contributions you make are greatly appreciated!

To contribute:

  1. Fork the repository
  2. Create a feature branch
git checkout -b feature/AmazingFeature
  1. Commit your changes
git commit -m "Add some AmazingFeature"
  1. Push to the branch
git push origin feature/AmazingFeature
  1. Open a pull request

And don't forget to ⭐ the repo if you like the project!

📧 Contact

Akshit Suthar Linkdin: https://www.linkedin.com/in/akshit-suthar-312407314)

Project Link: https://github.com/akshitsutharr/writingstudio

About

Writing Studio is a minimalist, distraction-free web-based text editor built with React and Next.js. Features clean UI, real-time word count, auto-saving, markdown support, and export options for focused writing.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published