Release/1.0 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

sidchigo merged 16 commits into main from release/1.0

Jun 1, 2025

.env

-Original file line number
+Diff line change
@@ -1,4 +1,3 @@
-    MONGODB_URI = mongodb+srv://developersid20:ICoGNENuiwDgxb09@cluster-zero.ombtc.mongodb.net/?retryWrites=true&w=majority&appName=Cluster-Zero
     NEXT_PUBLIC_FIREBASE_API_KEY="AIzaSyDCq32D5XwWnkfmUuCzwVxhjddWdWwgGBM"
     NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="project-proposal-gen.firebaseapp.com"
     NEXT_PUBLIC_FIREBASE_PROJECT_ID="project-proposal-gen"
@@ Expand Down @@

.gitignore

-Original file line number
+Diff line change
@@ Expand Up / @@ -27,10 +27,11 @@ yarn-error.log* @@
     # local env files
     .env*.local
+    .env
     # vercel
     .vercel
     # typescript
     *.tsbuildinfo
-    next-env.d.ts
+    next-env.d.ts

README.md

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,46 +1,75 @@
  
    This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

    <p align="center">

      <img src="./public/banner.png" alt="ProposalGen Logo" />

    </p>

    ## Getting Started

    # 📑 ProposalGen

    First, run the development server:

    **ProposalGen** is a sleek, modern proposal generator for freelancers, agencies, and consultants. Create elegant, branded PDF proposals in seconds — no design or formatting required.

    ```bash

    npm run dev

    # or

    yarn dev

    # or

    pnpm dev

    # or

    bun dev

    ```

    Built with a focus on theming, automation, and pixel-perfect PDF output, ProposalGen helps you pitch like a pro.

    ---

    ## ✨ Features

    -   🎨 **Beautiful Themes**  

        Choose from professional templates like **Modern**, **Elegant**, and **Soft Aurora** with live previews.

    -   📝 **Dynamic Proposal Builder**  

        Easily input your **scope**, **timeline**, **pricing**, and **terms** — real-time updates and export-ready.

    -   ⚡ **Live PDF Preview**  

        Instantly preview your proposal using server-rendered PDFs powered by `@react-pdf/renderer`.

    -   📄 **Pixel-Perfect PDF Export**  

        Generate clean, print-friendly proposals tailored for clients.

    Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

    -   🧠 **Smart Font & Style System**  

        Use templates with elegant fonts like **Lora**, **Nunito**, and **Inter** with ease.

    You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.

    ---

    This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

    ## 🖼️ Screenshots

    ## Learn More

    ### 🧩 Web UI

    To learn more about Next.js, take a look at the following resources:

    <img src="./public/screenshots/form-preview.png" alt="ProposalGen Web App Screenshot" />

    -   [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

    -   [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

    ---

    You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

    ### 🎨 Theme: Soft Abstract

    ## Deploy on Vercel

    <img src="./public/screenshots/abstract.png" alt="Soft Abstract Theme" width="600" />

    The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

    ---

    Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

    ### 🌙 Theme: Dark Elegant

    ## Firebase CLI commands

    <img src="./public/screenshots/elegant.png" alt="Elegant Dark Theme" width="600" />

    To setup github workflow and firebase config files, following command to be used:

    ---

    ### 💼 Theme: Modern Minimal

    <img src="./public/screenshots/modern.png" alt="Modern Theme" width="600" />

    ---

    ## 🛠️ Tech Stack

    -   **Framework**: [Next.js](https://nextjs.org/) (App Router)

    -   **Styling**: TailwindCSS

    -   **PDF Engine**: `@react-pdf/renderer` (WASM-safe)

    -   **Font Management**: Local font registration (`Lora`, `Inter`, `Nunito`, `Playfair`)

    -   **Rendering Preview**: `BlobProvider` + iframe for safe hydration

    ---

    ## 🚀 Getting Started

    ```bash

    firebase init

    git clone https://github.com/sidchigo/proposalgen.git

    cd proposalgen

    npm install

    npm run dev

    ```

    Options selected: firestore, hosting, github workflow

abstract.pdf

Binary file not shown.

elegant.pdf

Binary file not shown.

modern.pdf

Binary file not shown.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Release/1.0 #2

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!