"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.