{"id":30315634,"url":"https://github.com/akshaypanchivala/edit-verse","last_synced_at":"2026-05-17T11:32:32.922Z","repository":{"id":310009962,"uuid":"1037725775","full_name":"AkshayPanchivala/edit-verse","owner":"AkshayPanchivala","description":"EditVerse: A modern, interactive document editor built with React, Vite, and TypeScript, showcasing advanced web development practices.","archived":false,"fork":false,"pushed_at":"2025-08-15T05:37:07.000Z","size":865,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-15T06:22:38.591Z","etag":null,"topics":["document-editor","reactjs","worddoc"],"latest_commit_sha":null,"homepage":"https://edit-verse.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AkshayPanchivala.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-14T03:03:28.000Z","updated_at":"2025-08-15T05:36:07.000Z","dependencies_parsed_at":"2025-08-15T06:22:41.257Z","dependency_job_id":"b2d7362c-e18c-49c3-83a3-86c6acdb7a19","html_url":"https://github.com/AkshayPanchivala/edit-verse","commit_stats":null,"previous_names":["akshaypanchivala/edit-verse"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/AkshayPanchivala/edit-verse","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkshayPanchivala%2Fedit-verse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkshayPanchivala%2Fedit-verse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkshayPanchivala%2Fedit-verse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkshayPanchivala%2Fedit-verse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AkshayPanchivala","download_url":"https://codeload.github.com/AkshayPanchivala/edit-verse/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AkshayPanchivala%2Fedit-verse/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33136718,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-17T09:28:26.183Z","status":"ssl_error","status_checked_at":"2026-05-17T09:27:52.702Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["document-editor","reactjs","worddoc"],"created_at":"2025-08-17T19:09:50.260Z","updated_at":"2026-05-17T11:32:32.898Z","avatar_url":"https://github.com/AkshayPanchivala.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EditVerse\n\n## Project Overview\n\nThis project presents a robust and interactive web-based document editor, meticulously crafted to demonstrate proficiency in modern web development practices. Built with **React** and **Vite**, it showcases a component-driven architecture, efficient state management, and a clean, responsive user interface. This application is designed to provide a seamless document creation and editing experience, highlighting key features essential for a production-ready application.\n\n## Key Features\n\n*   **Rich Text Editing:** Comprehensive text formatting options including bold, italic, underline, various font sizes, and text alignment. Supports ordered and unordered lists.\n*   **Page Management:** Seamless handling of document pages, including dynamic page breaks and the ability to add or remove pages.\n*   **Intuitive User Interface:** A clean and responsive design built with **Tailwind CSS** for rapid styling and maintainability, ensuring a smooth user experience across devices.\n*   **Modular Component Design:** Well-structured React components promoting reusability, maintainability, and scalability, making the codebase easy to understand and extend.\n*   **Fast Development Workflow:** Leverages **Vite** for lightning-fast hot module reloading and optimized builds, significantly enhancing developer productivity.\n*   **TypeScript Integration:** Ensures robust type safety throughout the application, leading to fewer runtime errors and improved code quality and maintainability.\n\n## Technologies Used\n\n*   **Frontend:**\n    *   **React.js:** A declarative, component-based JavaScript library for building user interfaces.\n    *   **TypeScript:** A superset of JavaScript that adds static typing.\n    *   **Vite:** A next-generation frontend tooling that provides an extremely fast development experience.\n    *   **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.\n*   **Tooling:**\n    *   **ESLint:** For consistent code quality and style.\n    *   **Prettier:** For automatic code formatting.\n\n## Project Structure\n\n```\nedit-verse/\n├───.gitignore\n├───eslint.config.js\n├───index.html\n├───package-lock.json\n├───package.json\n├───postcss.config.js\n├───README.md\n├───tailwind.config.js\n├───tsconfig.app.json\n├───tsconfig.json\n├───tsconfig.node.json\n├───vite.config.ts\n├───.git\\...\n├───node_modules\\...\n└───src\\\n    ├───App.tsx\n    ├───constants.ts\n    ├───index.css\n    ├───main.tsx\n    ├───vite-env.d.ts\n    ├───components\\\n    │   ├───DocumentEditor.tsx\n    │   ├───DocumentFooter.tsx\n    │   ├───DocumentHeader.tsx\n    │   ├───DocumentPage.tsx\n    │   ├───DocumentToolbar.tsx\n    │   ├───ErrorBoundary.tsx\n    │   ├───PageBreakComponent.tsx\n    │   ├───ToolbarButton.tsx\n    │   └───ToolbarSeparator.tsx\n    └───extensions\\\n        └───PageBreak.ts\n```\n\n\n## Getting Started\n\nTo get a local copy up and running, follow these simple steps.\n\n### Prerequisites\n\nEnsure you have the following installed on your machine:\n\n*   [Node.js](https://nodejs.org/en/download/) (LTS version recommended)\n*   [npm](https://www.npmjs.com/get-npm) (Node Package Manager, usually comes with Node.js)\n\n### Installation\n\n1.  **Clone the repository:**\n    ```bash\n    git clone https://github.com/AkshayPanchivala/edit-verse\n    cd edit-verse # Navigate into the project directory\n\n2.  **Install dependencies:**\n    ```bash\n    npm install\n    ```\n\n### Running the Development Server\n\nTo start the development server with hot-reloading for local development:\n\n```bash\nnpm run dev\n```\n\nThis command will typically open the application in your default web browser at `http://localhost:5173`.\n\n### Building for Production\n\nTo build the optimized, production-ready version of the application:\n\n```bash\nnpm run build\n```\n\nThis will compile and bundle the application into the `dist/` directory, ready for deployment to a static hosting service.\n\n### Code Quality and Formatting\n\n*   **Linting:** To check for code style and potential errors:\n    ```bash\n    npm run lint\n    ```\n*   **Formatting:** (If Prettier is configured, add a command like `npm run format` or `npx prettier --write .`)\n\n## Future Enhancements (Optional - Consider adding specific ideas)\n\n*   **Real-time Collaboration:** Implement WebSocket for multi-user editing.\n*   **Export Options:** Add functionality to export documents to PDF, DOCX, etc.\n*   **Cloud Integration:** Save and load documents from cloud storage services.\n*   **Advanced Formatting:** Introduce more sophisticated text formatting options (e.g., tables, images).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshaypanchivala%2Fedit-verse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fakshaypanchivala%2Fedit-verse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fakshaypanchivala%2Fedit-verse/lists"}