"One" application design.
✨ Key Features 📊 Interactive Data Analysis & Visualization: Upload your spreadsheets (.xlsx, .csv), and One will not only analyze the data but also generate a beautiful, interactive Power BI-style presentation. It identifies key insights, creates charts, and provides a narrative summary to tell a compelling story with your data.
💻 Code Generation: One can generate code for a variety of applications, from open-source projects to Web3 sites and blockchain contracts. It supports popular frameworks and languages like React/Next.js, Hardhat, Solidity, and Python.
🗣️ Verbal & Text-Based Prompting: Interact with One in the way that's most natural for you. Use the verbal prompting feature to speak your requests, or type them into the clean, minimalist chat interface.
📄 Document Translation to Text: Upload scanned documents or images, and One can extract the text, making it ready for analysis or use in other applications.
⬆️ Seamless File Upload: A user-friendly file upload system with drag-and-drop functionality makes it easy to get your documents into the app.
🎨 Design & Aesthetic The design of One is a core part of the user experience.
Modern & Minimalist: A clean, uncluttered interface that keeps the focus on your work.
Dark Theme: A pure black background (#000000) that's easy on the eyes and makes content pop.
Glassmorphism: Interactive elements like panels, modals, and buttons have a frosted glass effect with rounded corners, subtle transparency, and a faint border to define their edges.
Pastel UI: Buttons and interactive elements use a soft, pastel color palette (purple, green, and blue) for a modern and friendly feel.
Gradient Top Bar: A subtle, shifting gradient in the top bar adds a touch of color and visual interest.
Google's Roboto Font: The entire application uses the clean and readable Roboto font family.
🛠️ Tech Stack One is built with a modern and robust tech stack:
Frontend: React with TypeScript, using CSS Modules or a CSS-in-JS library for styling. The frontend is designed to be interactive and responsive.
Backend: Python with FastAPI, a high-performance web framework for building APIs. The backend is responsible for file handling, data processing, and code generation.
AI & Machine Learning: The backend integrates with powerful AI models for natural language processing, data analysis, and code generation.
OCR: The "Translate into Text" feature is powered by Tesseract OCR through pytesseract and pdf2image.
🚀 Getting Started To get started with One, you'll need to set up both the frontend and backend.
Prerequisites Node.js and npm (or yarn) for the frontend
Python 3.8+ and pip for the backend
Tesseract OCR engine installed on your system
Backend Setup Clone the repository:
git clone https://github.com/your-username/one-backend.git cd one-backend Create and activate a virtual environment:
python -m venv venv
source venv/bin/activate # On Windows, use venv\Scripts\activate
Install the dependencies:
pip install -r requirements.txt Run the backend server:
uvicorn main:app --reload Frontend Setup Clone the repository:
git clone https://github.com/your-username/one-frontend.git cd one-frontend Install the dependencies:
npm install Start the development server:
npm start 🧑💻 How to Use Launch the App: Once both the frontend and backend are running, open your browser to http://localhost:3000 to see the One interface.
Start a New Project: Click the "+ New Project" button in the header.
Enter Your Prompt:
Type: Type your request into the chat input bar.
Speak: Click the microphone icon to use verbal prompting.
Upload Files:
Click the paperclip icon to select files from your computer.
Drag and drop files onto the main window.
Generate: Click the "Send" button to submit your request to One.
Interact with the Output:
For data analysis, you'll get an interactive dashboard with charts and a narrative summary.
For code generation, you'll get a code editor with the generated code, which you can then copy, download, or deploy.
🧑💻 How to Use Launch the App: Once both the frontend and backend are running, open your browser to http://localhost:3000 to see the One interface.
Start a New Project: Click the "+ New Project" button in the header.
Enter Your Prompt:
Type: Type your request into the chat input bar.
Speak: Click the microphone icon to use verbal prompting.
Upload Files:
Click the paperclip icon to select files from your computer.
Drag and drop files onto the main window.
Generate: Click the "Send" button to submit your request to One.
Interact with the Output:
For data analysis, you'll get an interactive dashboard with charts and a narrative summary.
For code generation, you'll get a code editor with the generated code, which you can then copy, download, or deploy.