Docify is a document management web application, similar to Google Docs, that allows users to create, update, and manage documents seamlessly. The application leverages the Jodit Editor for rich-text editing, offering a user-friendly experience for managing document content.
- Create Documents: Users can create new documents and add content with the Jodit Editor.
- Update Documents: Edit existing documents in real-time with smooth content synchronization.
- Delete Documents: Remove unwanted documents from the system.
- Rich Text Editing: Powered by Jodit Editor for WYSIWYG (What You See Is What You Get) document editing.
- User Authentication: Ensure that only authenticated users can manage documents.
- Frontend: React, Jodit Editor
- Backend: Node.js (Express)
- Database: MongoDB (or any other backend database)
- API Communication: RESTful API with
fetchfor CRUD operations
- Clone the repository:
git clone https://github.com/your-username/docify.git
- Navigate to the project directory:
cd docify - Install dependencies for the frontend:
npm install
- Set up environment variables: Create a .env file in the root of the project with the following:
VITE_API_BASE_URL=<Your Backend API Base URL>
- Start the development server:
npm run dev
- Open your browser and navigate to:
http://localhost:5173
- POST /uploadDoc: Upload or update the content of a document.
- POST /getDoc: Retrieve the content of a specific document.
vite: Bundler for lightning-fast builds and development.
react-router-dom: For routing and navigation.
Jodit Pro React: WYSIWYG editor for rich-text editing.
fetch: For API communication with the backend.
Fork the repository.
Create a new feature branch (git checkout -b feature-branch).
Make your changes and commit (git commit -am 'Add new feature').
Push to the branch (git push origin feature-branch).
Create a Pull Request.
Add support for real-time collaboration.
Implement document sharing and permission settings.
Improve the overall UI/UX design.