Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/swarnendug07/fluxcraft
This is a web application where users can generate Images , Video , Music , Code and they can also use use our chatbot
https://github.com/swarnendug07/fluxcraft
ci-cd clerk-auth docker huggingface-spaces nextjs openai react shadcn-ui stripe-api tailiwindcss typescript zustand
Last synced: 2 months ago
JSON representation
This is a web application where users can generate Images , Video , Music , Code and they can also use use our chatbot
- Host: GitHub
- URL: https://github.com/swarnendug07/fluxcraft
- Owner: SwarnenduG07
- Created: 2024-07-10T06:10:44.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T18:19:04.000Z (2 months ago)
- Last Synced: 2024-11-15T18:28:54.500Z (2 months ago)
- Topics: ci-cd, clerk-auth, docker, huggingface-spaces, nextjs, openai, react, shadcn-ui, stripe-api, tailiwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://flux-craft.vercel.app
- Size: 1.58 MB
- Stars: 8
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FluxCraft
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. 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.
This project uses [`shadcn`](https://ui.shadcn.com/) for UI's.
# For Local Development
```
git clone https://github.com/SwarnenduG07/FluxCraft.git
```
Go to the project directory and do
```bash
npm install
npm run dev
```
## For Docker
### To start the project
```
docker compose up
```
### To stop the project
```
docker compose down
```
### Next Step
Go to _*[.env.example]*_
Replace your won API keys with existing one's
### Replace
CLERK_PUBLISHABLE_KEY & CLERK_SECRET_KEY
Go to [`Clerk`](https://clerk.com/)
OPENAI_API_KEY
Go to [`OPEEAI`](https://openai.com/)
REPLICATE_API_TOKEN
Go to[`Replicate`](https://replicate.com/)
STRIP API TOKEN & STRIPE_WEBHOOK_SECRET
Go to [`Strip`](https://stripe.com/in)
HUGGING FACE ACCES TOKEN
Go to [`Huggingface`](https://huggingface.co/)
And Create an account and go to setting then access token and create you access token and put it in -.env-
## How to Download strip-cli
In WINDOWS
we will use [`Scoop`](https://scoop.sh/) to install it so
Open PowerShell and pest this command to install scoop
```bash
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression
```
Now we will install Strip-cli
To install this pest this 👇 command
```bash
scoop bucket add stripe https://github.com/stripe/scoop-stripe-cli.git
scoop install stripe
```
This will install Strip-cli
### For Other OS
Visit this [`Strip-cli`](https://docs.stripe.com/stripe-cli)
and install this
Then Create an account and get a API key and replace this with STRIPE_API_KEY then go to webhook and download the strip-cli and run it
```bash
stripe login
```
In your terminal and do then
```bash
stripe listen --forward-to localhost:3000/api/webhook
```
in webhook section and it in your terminal you will get something like this
```bash
[whsec_97347152fae0xxxxxx823xxb1707d0b4aaa1794a5abf9c1sdkjh17]
```
put this in your STRIPE_WEBHOOK_SECRET
## For Running the project
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.