Transform your stories into captivating comic art with dialogue effortlessly! Our project harnesses the power of GemeiAI and stable diffusion for processing and generating stunning images and dialogues. Utilizing feature flags, you can seamlessly toggle environment variables on and off as needed. The final masterpiece is delivered straight to your inbox as a beautifully crafted comic PDF. Enjoy the magic of storytelling in a whole new visual dimension! 📧💬🖼️
comic-cult.mov
##🎨✍✨ Design Links
Design | Link |
---|---|
Design 1 | Link to Design 1 |
Comic Art generation | I wanted to make something that is of fun and also gives me a lot of learning I used apis of openAi even utilized the langchain for some instances but wanted to take my level above, I wanted to play around with images that directed me of using any stable diffusion model (which I had no Idea how to use) I tried running model locally also used google collab however all these things made me more perplexed at the end I was in the need of some Stable diffusion API and key which dream-studio and Stability AI provided |
Workflow/pipeline of making | Probably I worked for this part mostly such a pipeline was the backbone of this project, I was too confused and wanted to leave project for once however, I slowly worked of making a streamlined flow of generating dialogues (gemini helped) and then getting images(Stability API helped) based on that dialogue, adding dialogues onto images(Canvas helped), all these steps I wanted to be reliable and smooth which could provide happy user experience |
Using promises | I have only heard and learned about promises and never utilized them in my any of the project until now, oh man they were life saver, they helped me in making and flow better and workable, I literally now want to use promises everywhere, I really got the understand of promises, async await, .then and catch |
failure of express func and integration of nodemailer | I am using express for my backend to serve front of various routes I never thought that res.sendfile, res.download would be so pathetic to use, they are made to sendfile from backend to frontend and guess what they were giving errors for the same, almost at this point also I am thinking to use them but they were so un-useful but then nodemailer came, I had this thought in back of my mind that if express functions does not work I will try sending pdf to user mail and using nodemailer this was so useful that I never imagined basically in few minutes I did this |
- Next.js - Next.js is an open-source web development framework.
- TypeScript - TypeScript is a free and open-source high-level programming language.
- Tailwind CSS - Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
- Daisy UI - It has inbuilt tailwind component which can be used
- Express - It is use to make server endpoint and serve front end as needed
- flagsmith - Manage feature flags across web, mobile, and server side applications
- Gemini AI - It has api which could be use ful to make prompt and get output
- Nodemailer - Used to send mail or attachment programmatically
- Turborepo - Incremental build system used for building monorepo projects
Welcome to the Comic Cult project! Follow these steps to set up and run the project on your local machine.
Before you begin, ensure you have the following installed:
- Node.js (v14 or higher)
- npm (v6 or higher)
-
Clone the repository:
git clone https://github.com/Girishbari/comic-cult.git
-
Navigate to the project directory:
cd comic-cult
-
Install all dependencies:
npm install
-
Install Turbo globally (if not already installed):
npm install turbo --global
Before running the project, you may need to configure certain environment variables or settings. These configurations are typically found in .env
files within specific directories. Ensure that you review and update these configurations according to your environment.
To run the entire project, execute the following command:
turbo dev
This will start both the client and server components.
If you prefer to run individual components separately, follow these steps:
Navigate to the server directory and start the server:
cd apps/server && npm run dev
Navigate to the client directory and start the client:
cd apps/client && npm run dev
If you encounter any issues during setup or while running the project, refer to the project's issue tracker on GitHub or search for solutions online. Common issues and their resolutions may also be documented in the project's README or other documentation files.
For more detailed information about the project and its components, refer to the project's main documentation.
Contributing to open-source software (OSS) projects can be a rewarding and fulfilling experience. Not only can you learn new skills, but you can also help make a valuable contribution to a project that benefits the broader community
-
Remember to read Code of Conduct before contributing.
-
Read the Git Workflow to follow best practices.
-
Follow the Contribution Guidelines.
-
Create an issue to report bugs, and vulnerabilities or add a new feature.
-
Remember to add a good commit message.
-
Don't spam if you do it your PR/issue will be closed.