Responsee

A simple tool to make your website fully responsive with ease.

Description

Responsee clones your GitHub repository, analyzes the styles, and uses AI to make your website fully responsive by adding appropriate media queries. The updated code is provided, ready for seamless integration into your project.
Stay tuned—new features are on the way!

Getting Started

Tech Stack

• TypeScript
• Next.js
• ShadCN UI
• Tailwind CSS
• Cloudflare R2
• Groq AI

Prerequisites

Ensure you have the following installed:

• Node.js (v16+)
• Git

Installation

1. Fork the Repository
   Fork this repository to your GitHub account.

2. Clone the Repository

   git clone https://github.com/<your-username>/responsee.git
   cd responsee

3. Install Dependencies

   npm install

4. Setup Environment Variables
   Copy the example .env file and update the credentials:

   cp .env.example .env

   Fill in your credentials in the .env file.

5. Start the Development Server
   Run the following command to start the project locally:

   npm run dev

6. Access the Project
   Open your browser and navigate to:
   http://localhost:3000

Features

• Clone your repository with ease.
• AI-powered responsiveness optimization.
• Export updated CSS for easy integration.

---

Feel free to contribute and share your feedback. Let’s make web design easier, one responsive website at a time!