Project Info
Inspiration
As people who use Google Docs for almost everything from writing college essays to class notes to spontaneous poetry, we’ve found it restrictive in its ability to enhance a user’s experience. We've decided to reimagine popular word processors and integrate them with AI beyond just grammar checks and sentence suggestions.
What it does
AI Docs is an all-in-one file system that allows you to organize your files and edit them. Its high-level features include an AI-powered search bar for easy access to files and a background AI agent that reads your files to generate workflows and to-do actions for you immediately. For the actual word processor, we're reimagining what it means to write and create. Instead of having a single document and a sidebar for static comments, we extended it to a single document for writing the raw notes, and a dynamic sidebar that allows you to organize your comments/content and prompt AI (and see its responses), having all your notes in one place. This reimagines word processors and sees how AI can truly supplement all forms of writing and creation.
How we built it
On the frontend, we used React 18, React Router for navigation, React Quill for rich text editing, Axios for API calls, and Vite for build tooling. On the backend, we used Express.js, OpenAI API for intelligent search and document analysis, CORS enabled, and databases.
Challenges we ran into
Some challenges we ran into were finding cohesion in our vision. Our general topic is broad: word processor, and we had to work together to narrow it down into what we wanted our product to do and how we wanted to utilize AI in the background to have it be effective but also efficient.
Accomplishments we're proud of
We're proud of having a working MVP (haha!) but also when our team came together with a vision, it was scattered, and we all had a lot of inputs/ideas that we wanted to implement. We're just super proud that we were able to implement the core features we were looking for and supplement it with a lot of details that enhance the user experience. We are also proud of how this solution solves the problem we've been facing with existing word processors!
What we learned
We learned a lot: coding in a fast paced environment with a narrow deadline, collaboration, and coming up with an idea and building it end to end with no other guidance than our minds and a collective vision that we share.
What's next
Next for AI Docs is to include more workflows that integrate across different writing formats such as creative writing and essay writing to allow it to cater to anyone who uses the platform.
Dropbox AI (a.k.a. PickupAI)
"We pick up where Dropbox dropped off"
Inspiration
As people who use Google Docs/Dropbox Paper for almost everything from writing college essays to class notes to spontaneous poetry, we’ve found it restrictive in its ability to enhance a user’s experience. We've decided to reimagine popular word processors and integrate them with AI beyond just grammar checks and sentence suggestions.
What it does
AI Docs is an all-in-one file system that allows you to organize your files and edit them. Its high-level features include an AI-powered search bar for easy access to files and a background AI agent that reads your files to generate workflows and to-do actions for you immediately. For the actual word processor, we're reimagining what it means to write and create. Instead of having a single document and a sidebar for static comments, we extended it to a single document for writing the raw notes, and a dynamic sidebar that allows you to organize your comments/content and prompt AI (and see its responses), having all your notes in one place. This reimagines word processors and sees how AI can truly supplement all forms of writing and creation.
Analysis
View
Metric
- 26
- 10
- 1
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- ExpressIn code
- Google GeminiIn code
- HTMLIn code
- JavaScriptIn code
- OpenAIIn code
- ReactIn code
7 of 7 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
202 KB
Source files
20
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
joonyoo181/dropbox-ai
26 files · 457 KB · @ dd2d21a
Structure
Interface
11 files · 42%Screens, components and styles rendered to the user.
Application logic
7 files · 27%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript79%
- CSS21%
- Markdown1%
- HTML0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
frontend/package.json
npm · 10- axios
- react
- react-dom
- react-quill
- react-router-dom
- +5 more
backend/package.json
npm · 7- @google/generative-ai
- body-parser
- cors
- dotenv
- express
- openai
- +1 more
package.json
npm · 11 development-only dependencies.
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
Feature verification
AI writing assistant beyond grammar checks (text improvement suggestions)Verified
Reimagine word processors and integrate AI beyond just grammar checks and sentence suggestions
Claimed on Devpostmedium confidencebackend/aiService.js:270— suggestTextImprovement generates rephrasing/clarity/tone improvements via the LLM, going beyond simple grammar checksbackend/aiService.js:480— draftEmailFromTask and createCalendarEventFromTask (line 573) show AI generating actionable workflow outputs (emails, calendar events, ICS downloads), not just text suggestions
AI-powered search bar for documentsVerified
An AI-powered search bar for easy access to files
Claimed on Devposthigh confidencebackend/server.js:219— POST /api/search endpoint calls interpretSearchQuery then rankDocumentsbackend/aiService.js:77— interpretSearchQuery sends the query and document list to the LLM to extract search criteriafrontend/src/components/DocumentList.jsx:65— Search UI posts the query to /api/search and renders the interpretation and ranked results
React/Vite/Express tech stack (React 18, React Router, React Quill, Axios, Vite, Express, OpenAI API, CORS)Verified
Built with React 18, React Router, React Quill, Axios, Vite (frontend) and Express.js, OpenAI API, CORS (backend)
Claimed on Devposthigh confidencefrontend/package.json— Lists react, react-router-dom, react-quill, axios, vite as dependenciesbackend/package.json— Lists express, cors, openai, @google/generative-ai as dependenciesbackend/aiService.js:30— OpenAI client is initialized and used when AI_PROVIDER=openai, confirming OpenAI API integration alongside a Gemini fallback
Single document with dynamic sidebar for comments/content organization and AI promptingVerified
A dynamic sidebar that allows you to organize your comments/content and prompt AI (and see its responses)
Claimed on Devposthigh confidencefrontend/src/components/DocumentEditor.jsx:53— State for tabs/customTabs and activeTab implements the categorized sidebar for comments/contentfrontend/src/components/DocumentEditor.jsx:490— Command bar posts to /api/ai/process-command with a custom prompt and stores/display the AI response (aiResponse state, line 63 and rendered at line 1870)backend/aiService.js:1— processAICommand/processEditCommand backend functions (referenced by server.js imports) implement the AI response generation for highlighted text
All-in-one file system to organize and edit filesCode-supported
AI Docs is an all-in-one file system that allows you to organize your files and edit them
Claimed on Devpostmedium confidencebackend/server.js:116— CRUD endpoints for documents (list, get, create, update, delete) existfrontend/src/components/DocumentList.jsx:1— Document list view exists but no folder/tag/organizational structure was found; grep for folder/organize/tag/category returned no matches, so 'organize your files' beyond a flat list is unsupported
Background AI agent generating workflows/to-do actions from documentsCode-supported
A background AI agent that reads your files to generate workflows and to-do actions for you immediately
Claimed on Devpostmedium confidencebackend/aiService.js:365— extractActionItems uses the LLM to pull action items, priorities, email/calendar/word-edit task flags out of a document's contentfrontend/src/components/DocumentEditor.jsx:217— extractActionItemsOnExit calls the extract-actions endpoint only when a user navigates away from a document, not via a persistent background processfrontend/src/components/ActionItemsPage.jsx:54— UI copy itself says items 'are automatically extracted when you exit a document', confirming it is exit-triggered rather than a continuously running background agent
Database-backed storageClaimed only
we used ... databases
Claimed on Devposthigh confidence
An AI agent derived these features from the project’s Devpost page and readme, then searched the code for each one. Verified features are backed by cited code; claimed-only features had no supporting code, which is not by itself proof a feature is missing.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.