Giter Site home page Giter Site logo

girishbari / comic-cult Goto Github PK

View Code? Open in Web Editor NEW
16.0 1.0 22.0 6.51 MB

Transform your stories into captivating comic art with dialogue effortlessly! this project harnesses the power of GeminiAI and stable diffusion for processing and generating stunning images and dialogues

JavaScript 27.04% CSS 0.48% TypeScript 72.48%
ai backend dreamstudio express frontend nextjs14 nodejs radix-ui stable-diffusion taiwind

comic-cult's People

Contributors

asymtode712 avatar devjitsikdar avatar dhruvchadha22 avatar girish-bari007 avatar girishbari avatar iamkanhaiyakumar avatar irfan-iiitr avatar karanmanglani avatar prabh1234assla avatar pradnyagaitonde avatar sanmarg avatar sujal7ss avatar tenzdelek avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

comic-cult's Issues

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a “Report Bug” and “Feature Request” issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a “Report Bug” template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a “Feature Request” issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to yours.

🚀 [Feature Request] - Workflow for closing issues on merging PR linked to that issue

Describe the feature. ✍️

As the repo maintainers have to manually close an issue after merging a PR linked with that issue, I propose a workflow where the issue linked with a PR which be automatically closed when that PR is merged by the maintainer and efforts will be saved.

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

Feature: Download button

Instead of getting it on the email. The user can download it from the page where she/he provides the dialogue.

I want to take up this issue

🚀 [Feature Request] - automate copying tags from issue to PR

Is your feature request related to a problem ? Please describe. ✍️

I am little bit unsure if this could be done, but I guess there is always a yml file we could make which adds tags from issue to PR

Describe briefly how you would implement this enhancement.

N/A

Additional context or screenshots

N/A

Are you contributing for a program?

Other

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

📚 [Documentation] - Add GitHub Desktop Contribution Instructions

Description ✍️

I am interested in contributing to the project by adding detailed instructions on how to contribute using GitHub Desktop.

I believe that by providing clear and comprehensive guidance, we can encourage more contributors to participate in the project, especially those who prefer using GitHub Desktop for their contributions.

Could you please assign me the issue related to adding GitHub Desktop contribution instructions under gssoc24? I am excited about the opportunity to contribute to the project and help streamline the contribution process for others.

Add ScreenShots

No response

Record

  • I agree to follow this project's 🔗 Contributing Guidlines
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Girlscript Summer of Code Introduction/Tracking

👋 Hi @Girishbari ,

I am Prince,web developer Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

🚀 [Style] - Make a landing page

Is your feature request related to a problem ? Please describe. ✍️

No

Describe briefly how you would implement this enhancement.

https://www.figma.com/design/Vc88ZJOcx6QtxS7ARU2l6g/Untitled?t=0RvYpLsxkn4GGxxj-1
Currently, frontend lacks a landing page, I am adding some screenshot and Figma design
I am also open to what you suggest, maybe drop any good Figma file you have
Try to use radix-ui and its theming system, don't add extra dependencies until it is essential, this is frontend heavy task so this issue may require 2 contributors at the same time or regular communication with me

Additional context or screenshots

image

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - add a login page

Is your feature request related to a problem ? Please describe. ✍️

while there is #40 pending, we could add a login page in the frontend note that make use of existing components in component directory

Describe briefly how you would implement this enhancement.

N/A

Additional context or screenshots

N/A

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - Automated Greeting Workflow

Is your feature request related to a problem ? Please describe. ✍️

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me

Describe briefly how you would implement this enhancement.

I will write an Github Action's workflow that will automatically generate comments by github bot in the issue whenever an new issue is being created.

Additional context or screenshots

image

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - Workflow for Closing Old Issues

Is your feature request related to a problem ? Please describe. ✍️

Over time, repositories can accumulate a large number of open issues, including some that may no longer be relevant or actively worked on. Manually closing these old issues can be time-consuming and tedious.

Describe briefly how you would implement this enhancement.

I would like a workflow that automatically identifies and closes old issues based on certain criteria, such as no recent activity or being open for a specific duration.

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - add TRPC add connection in nodejs

Is your feature request related to a problem ? Please describe. ✍️

Currently there is express server added and Sign in route is made, remove signing route and refer to this doc
https://trpc.io/docs/quickstart

Describe briefly how you would implement this enhancement.

You'll have 
1. remove the signin route
2. study how TRPC is implement in monorepo and nodejs
3. add the connection

Additional context or screenshots

N/A

Are you contributing for a program?

Other

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feat] - add appwrite database instance

Is your feature request related to a problem ? Please describe. ✍️

Refer to this repo https://github.com/Sanchitbajaj02/palettegram, see how appwrite instance is integrated do the same in nodejs

Describe briefly how you would implement this enhancement.

Nan

Additional context or screenshots

No response

Are you contributing for a program?

Other

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - Automatically Comment on Issue Close

Is your feature request related to a problem ? Please describe. ✍️

I am requesting the implementation of a feature that automatically comments on an issue when it is closed in the project repository. This comment will serve as a closing remark, thanking the contributor for their input and providing any necessary follow-up information or next steps.

Describe briefly how you would implement this enhancement.

Implementing this feature would enhance the project's workflow by:

Providing immediate acknowledgment to contributors when their reported issues are resolved.
Standardizing communication and ensuring that contributors are informed about the resolution status of their reported issues.
Improving transparency and reducing ambiguity in the issue resolution process.
This feature would streamline collaboration and contribute to a more efficient and user-friendly experience for all project contributors.

Additional context or screenshots

Additional context

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - Workflow for closing Old PRs

Is your feature request related to a problem ? Please describe. ✍️

Over time, open pull requests (PRs) can accumulate in a repository, cluttering the interface and making it difficult to focus on active development tasks. Additionally, outdated or abandoned PRs may no longer serve their intended purpose and should be closed to maintain repository cleanliness.

Describe briefly how you would implement this enhancement.

Implement a workflow that automatically closes old PRs based on predefined criteria, such as their last update timestamp. By regularly closing PRs that have not been updated within a certain timeframe, the repository can stay organized, and contributors can focus on active and relevant PRs.

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feat] - add the sign up route

Is your feature request related to a problem ? Please describe. ✍️

Update node app with sign-up route, also make sure all the necessary checks are made then only do res.json({ message: 'success'})

REMEMBER

not to add any db connection as one issue is already made on it, just make a route and apply checks**

Describe briefly how you would implement this enhancement.

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

📚 [Documentation] - Missing Table of Contents

Description ✍️

This documentation request is to update the README.md file by adding a table of contents. Currently, the README lacks clear navigation for users to find relevant sections quickly. Adding a table of contents will improve readability and user experience.

Add ScreenShots

Screenshot 2024-06-11 135156

Record

  • I agree to follow this project's 🔗 Contributing Guidlines
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

🚀 [Feature Request] - Conversion of Javascript code to Typescript code in server & app modules

Why Ts and why not pure vanilla js?

TypeScript stands out from vanilla JavaScript with its outstanding features like static typing, interfaces, enums, generics, union types, type guards, and decorators. These features collectively enhance code quality, readability, and maintainability, while also significantly reducing the occurrence of bugs and errors. By providing a more structured and expressive way to write code, TypeScript empowers developers to build complex applications with confidence, offering a smoother development experience and facilitating collaboration within teams.

Why I am the right fit for this project
I've successfully utilized TypeScript across projects integrating React-Three/Fiber, React-Three/drei, Three.js and React Spring into Next.js for immersive 3D websites, implemented WebRTC and sockets in TypeScript codebases, and built scalable solutions with Gatsby, GraphQL, and TypeScript, all with a focus on robustness and efficiency. I think I have required know-how on how to handle the TypeScript codebases.

Here is how I will handle my js to ts conversion

  1. Install TypeScript: I will begin by installing TypeScript globally using npm or yarn.
    npm install -g typescript

  2. Rename Files: Change the file extensions of all JavaScript files to TypeScript files. For JSX files, I will change the extension to .tsx.

  3. Enable TypeScript Configuration: If project doesn't have a tsconfig.json file, I will create one using the following command:
    tsc --init

  4. Start Converting: Begin converting my JavaScript code to TypeScript by following these steps:

  • Static Typing: Add type annotations for variables, function parameters, and return types to enhance code reliability.
let firstName: string = 'John';
let age: number = 30;

function add(a: number, b: number): number {
  return a + b;
}
  • Interfaces: Define interfaces to describe the structure of objects, promoting code clarity and maintainability.
interface Person {
  firstName: string;
  lastName: string;
  age: number;
}

let person: Person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30,
};
  • Clean Class Design: When converting existing JavaScript classes to TypeScript, refactor them to adhere to clean and object-oriented design principles, ensuring the new TypeScript codebase is more organized and maintainable.

  • Enums: Replace constants with enums to improve code readability and maintainability.

enum Color {
  Red,
  Green,
  Blue,
}

let c: Color = Color.Green;
console.log(c); // Output: 1

  • Generics: Utilize generics for writing reusable code that can work with a variety of types, enhancing code flexibility and scalability.
function identity<T>(arg: T): T {
  return arg;
}

let output = identity<string>('hello');
console.log(output); // Output: hello
  • Union Types: Specify that a variable can have one of several possible types, enhancing code flexibility.
let value: string | number;
value = 'hello';
console.log(value); // Output: hello
value = 42;
console.log(value); // Output: 42
  • Type Guards: Narrow down the type of a variable within a block of code, ensuring type-safe operations.
function printName(name: string | string[]): void {
  if (typeof name === 'string') {
    console.log(name.toUpperCase());
  } else {
    console.log(name.join(', '));
  }
}

printName('John'); // Output: JOHN
printName(['John', 'Doe']); // Output: John, Doe
  • Type Inference: Allow TypeScript to infer the type of a variable based on its value, reducing the need for explicit type annotations.
let x = 3; // TypeScript infers that x is of type number
console.log(x); // Output: 3
  • Optional Chaining: Safely access nested properties without worrying about null or undefined values, preventing runtime errors.
interface Person {
  firstName: string;
  lastName?: string;
}

let person: Person = {
  firstName: 'John',
};

console.log(person.lastName?.toUpperCase()); // Output: undefined
  • Decorators: Add metadata to classes and their members to enhance code functionality without modifying the original code, commonly used in frameworks like Angular, but if needed I can add this to the current project.
@sealed
class BugReport {
  type = "report";
  title: string;
 
  constructor(t: string) {
    this.title = t;
  }
}

function sealed(constructor: Function) {
  Object.seal(constructor);
  Object.seal(constructor.prototype);
}

When @Sealed is executed, it will seal both the constructor and its prototype, and will therefore prevent any further functionality from being added to or removed from this class during runtime by accessing BugReport.prototype or by defining properties on BugReport itself.

Additional things I will consider While converting the Js codebase to Ts codebase :

  1. Resolve Compilation Errors:
    As I convert your code, TypeScript might raise compilation errors due to type inconsistencies or other issues. I will make sure to address these errors one by one by refining your type annotations and ensuring compatibility with TypeScript's type system.

  2. Incremental Adoption:
    If the codebase is extensive, I will consider adopting TypeScript incrementally. I will start by converting individual modules or components and gradually expand the TypeScript coverage across the project.

  3. Testing and Validation:
    Test the TypeScript code thoroughly to ensure it behaves as expected. Use TypeScript's type system to catch errors early in the development process, reducing the likelihood of runtime issues.

  4. Continuous Integration:
    Integrate TypeScript conversion into continuous integration pipeline to ensure that new changes adhere to TypeScript standards and do not introduce regressions.

  5. Documentation and Training:
    Update project documentation to familiarize team members with TypeScript features.

🚀 [Refactor] - Move all the components from app/component to packages

Is your feature request related to a problem ? Please describe. ✍️

there is a packages folder in Monorepo that can be utilized for all UI components, you will have to move the components and update all the respective import statements

Describe briefly how you would implement this enhancement.

nan

Additional context or screenshots

nan

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

🚀 [Feature Request] - Add Workflow for autocommenting PR Merged

Is your feature request related to a problem ? Please describe. ✍️

Yes, the feature request is related to a problem. When pull requests (PRs) are merged in a project, it is often important to provide consistent feedback or notifications to the contributors. Currently, this process can be manual and time-consuming, leading to inconsistent communication and delayed acknowledgments. This can frustrate both maintainers, who have to remember to comment, and contributors, who might feel their efforts are not promptly recognized.

Describe briefly how you would implement this enhancement.

To enhance our communication and acknowledgment process, we're implementing an auto-commenting feature for specific events within our project repository. This feature will automatically generate comments under the following circumstances:
PR Merged: Upon the successful merging of a pull request (PR), an auto-comment will be added to the corresponding issue, indicating that the PR has been merged and expressing gratitude to the contributor for their valuable contribution.

Additional context or screenshots

Additional context

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

⚒️ [Refactor]: Convert current repo into monrepo

Is your feature request related to a problem ? Please describe. ✍️

Currently project has nextjs and node app in one singular which seems to be workable not good for long run I suggest converting current repo into mono repo or into workspaces one could use turborepo, pnpm workspaces
https://turbo.build/repo/docs/getting-started/add-to-project

Changes will require some code refactoring in node app, so I will be available here once conversion is done I would guide further

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

📚 [Documentation] - Update README.md

Description ✍️

I noticed Readme does not have a direct link to set up a project, you can add a link with helpful message in How to contribute

Add ScreenShots

No response

Record

  • I agree to follow this project's 🔗 Contributing Guidlines
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

🚀 [Feature Request] - Landing Page Design (Figma)

Is your feature request related to a problem ? Please describe. ✍️

Enhancement I would like to enhance the landing page design using Figma

Describe briefly how you would implement this enhancement.

Additional context or screenshots

Additional context

Are you contributing for a program?

GSSoC2024

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

📚 [Documentation] - Add License

Description ✍️

I want to add MIT License to this repository, please assign the issue under GSSOC'24

Add ScreenShots

No response

Record

  • I agree to follow this project's 🔗 Contributing Guidlines
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. 👍

🚀 [labeller] - automate issue labelling

Is your feature request related to a problem ? Please describe. ✍️

I have added labeler.yml, but it does not seem to work properly
Update it if required and make one random issue named labeler checker I will remove it later, once I verify labeler.yaml is working

Describe briefly how you would implement this enhancement.

Nan

Additional context or screenshots

Nan

Are you contributing for a program?

Other

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

🚀 [Feature Request] - add a register page

Is your feature request related to a problem ? Please describe. ✍️

while there is #40 pending, we could add a rergister page in the frontend note that make use of existing component that is present in component section

Describe briefly how you would implement this enhancement.

N/A

Additional context or screenshots

Additional context

Are you contributing for a program?

Other

Code of Conduct

  • I have read and agree to the Contributing Guidelines of this project.

📚 [Documentation] - update setup.md

Description ✍️

Currently we've pnpm installation in setup.md, convert the all the base commands into following

cd comic-cult

install dependencies
npm install

run whole project
turbo dev

make sure to have turbo as global dependencies
npm install turbo --global

run server only
cd apps/server && npm run dev

run client only
cd apps/client && npm run dev

Add ScreenShots

No response

Record

  • I agree to follow this project's 🔗 Contributing Guidlines
  • I'm a GSSOC'24 contributor
  • I want to work on this issue

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.