ScriptDesk

ScriptDesk is a blog website designed specifically for writers. It provides a platform where users can write and read blogs, filter them and even save blogs as drafts instead of publishing for future enhancements. Writers can also add personal notes to brainstorm and organize their ideas effectively.

---

Features

• 🖋️ Write and Publish Blogs: A simple and intuitive interface for writers to share their creativity.
• 📖 Read Blogs: Explore blogs written by other users.
• 🔍 Filter Blogs: Easily filter content based on:
  • Number of likes
  • Categories
  • Upload date
• 💾 Save Drafts: Writers can save their blogs as drafts and return to complete them later.
• 📝 Add Notes: A dedicated space for writers to brainstorm and jot down ideas.
• 🎨 Responsive UI: The platform offers a seamless experience across devices.
• 🌙 DarkMode: Switch effortlessly between dark and light modes to suit your preference and reduce eye strain.

---

Tech Stack

• HTML,CSS & JS
• Have maintained Flexible Code and used functions so that New features and updates can be integrated easily. Comments have been added for easy understanding of the codes.

---

Setup Instructions

1. Clone the repository:

   git clone https://github.com/anoobhov/scriptdesk.git
   cd scriptdesk

2. Open the index.html file(in browser)

Project Structure

├── images/          --> Directory containing images & icons
├── index.html       --> Landing Page HTML file
├── write.html       --> Writing Section Page HTML file
├── read.html        --> Reading Section Page HTML file
├── drafts.html      --> Draft Section Page HTML file
├── global.css       --> CSS File for global styling
├── styles.css       --> CSS file for homepage(index.html)
├── read_draft.css   --> Common CSS file for read& Drafts(similar designs)
├── read.css         --> CSS file of read.html
├── write.css        --> CSS file of write.html
├── draft.css        --> CSS file of drafts.html
├── script.js        --> JS file for all interactivity

Future Improvements

• Enable sharing blogs via social media.
• Add user authentication
• Implement a database to store blogs, drafts, notes, and user details.
• Push original blogs more on feed (by adding a plagarism and AI detection in backend)
• Add a live preview in text editor

Acknowledgements

• This project's home page was inspired by the design and functionality of Medium. I have taken inspiration from its clean and user-friendly homepage to build the interface for this blog website.I would like to thank the creators of Medium for their innovative design, which served as a guiding light for this project. Rest of the pages are my personal creativity.
• The contents of the blogs are AI generated.