An AI-powered productivity platform integrating six core tools—Study Buddy, Text Tools, Code Helper, Creative Corner, Travel Planner, and Image Generator—into one seamless experience.
<br />
IntelliHub provides a suite of powerful, AI-driven tools designed for various tasks, all accessible from a single dashboard.
| Feature | Icon | Description |
|---|---|---|
| Study Buddy | 🎓 | Provides educational assistance and generates study materials. |
| Text Tools | 📝 | Summarizes, reframes, and drafts content like emails. |
| Code Helper | 💻 | Analyzes, explains, and generates code snippets. |
| Creative Corner | 🎨 | Generates creative content, such as recipes. |
| Travel Planner | Creates detailed travel itineraries on demand. | |
| Image Generator | 🖼️ | Creates stunning visuals from text prompts using DALL-E 3. |
IntelliHub is built with a modern, type-safe, and scalable full-stack TypeScript architecture.
| Component | Technology |
|---|---|
| Frontend |     |
| UI System |   |
| Backend |   |
| Database |    |
| AI Services |  (GPT-4 & DALL-E 3) |
| Tooling |   |
Click to expand for detailed architecture information
- Framework Stack: React 18 with TypeScript, using Vite for development and builds.
- UI System:
shadcn/uiwith Radix UI primitives and Tailwind CSS, following a clean, utility-focused design inspired by Linear. - State Management: TanStack Query (React Query) for server state and a centralized
apiRequestutility for fetch calls. - Routing: Client-side routing handled by Wouter, with dedicated routes for the dashboard and each tool.
- Styling: Dark mode-first design with CSS variables and tool-specific accent colors for clear visual organization.
- Server Framework: Express.js on Node.js with TypeScript.
- API Structure: RESTful API endpoints organized by feature (e.g.,
/api/study,/api/text,/api/code). - Request Validation: Zod schemas for robust, runtime-safe request validation, with shared types between frontend and backend.
- AI Integration: Deep integration with the OpenAI API (GPT & DALL-E 3) using role-based system and user prompts.
- Error Handling: Centralized middleware for consistent error formatting and HTTP status codes.
- Data Storage: Abstracted storage layer currently using in-memory storage (
MemStorage). Drizzle ORM is configured for a future migration to a PostgreSQL database on Neon. - Design System: A cohesive system using HSL colors, the
InterandJetBrains Monofonts, and consistent component patterns fromshadcn/ui.
To get a local copy up and running, follow these simple steps.
- Node.js (v18 or later)
- npm or yarn
- Git
-
Clone the repository:
git clone [https://github.com/thecoderxyz/Intellihub.git](https://github.com/thecoderxyz/Intellihub.git) cd Intellihub -
Install dependencies: This project is a monorepo. Install dependencies for both frontend and backend from the root.
npm install
-
Set up Environment Variables:
- Create a
.envfile in thepackages/backenddirectory. - Copy the contents of
.env.exampleinto it. - Add your API keys:
OPENAI_API_KEY="your_openai_api_key" DATABASE_URL="your_neon_database_url"
- Create a
-
Run the Development Server:
- From the root directory, start both the frontend and backend concurrently:
npm run dev
The application will be available at
http://localhost:5173.
Contributions make the open-source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project.
- Create your Feature Branch (
git checkout -b feature/AmazingFeature). - Commit your Changes (
git commit -m 'Add some AmazingFeature'). - Push to the Branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Distributed under the MIT License. See LICENSE for more information.
Ranjit Nath
- Instagram: @surdivine
- Email: imranjitnath@gmail.com
- Project Link: https://github.com/thecoderxyz/Intellihub
Built with TypeScript, passion, and a little bit of AI magic ✨