BluePrintForDev

This is a web application that acts as an AI-powered assistant for software development. It helps users with various tasks related to building a software product, from initial brainstorming and business planning to technical implementation details.

Here's a breakdown of the project:

Core Functionality

The application provides a user interface to interact with an AI assistant. This assistant is powered by the Gemini API and is guided by a set of predefined prompts. These prompts are tailored for specific software development tasks, such as:

• Business & Product: Brainstorming, Business Plan, High-Level Design
• Backend: API Design, Coding, Database Design & Setup
• Frontend: Coding, Component Generation, Wireframing
• DevOps: CI/CD Pipeline, Deployment Strategy

Technical Stack

• Frontend: React with TypeScript, Vite for building
• Styling: Tailwind CSS with shadcn/ui components
• AI: Google Gemini API
• Language: TypeScript

Project Structure

The project is organized into the following main directories:

• src/components: Contains the React components that make up the user interface, including a chat widget and various landing page sections.
• src/prompts: This is where the prompts for the Gemini API are defined. Each prompt is a template that guides the AI to generate a specific type of output.
• src/services: This directory contains the logic for interacting with the Gemini API.
• src/styles: Global CSS and reset files.
• src/types: TypeScript type definitions.
• src/utils: Utility functions.

How to Run

1. Install dependencies: npm install
2. Set the GEMINI_API_KEY in a .env.local file.
3. Run the development server: npm run dev

This project appears to be a "blueprint" or a starter kit for building AI-powered developer tools. It provides a solid foundation with a pre-built UI, a set of well-defined prompts, and the necessary services to connect to the Gemini API.## Inspiration

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for BluePrintForDev

Built With

• react
• supabase
• tailwindcss
• typescript