pBee.ai is a tool used to generate posters using the power of generative AI. It has a chat interface where the user chats with a chatbot which in turn generates the poster to the desired specifications. The same chat is used to further change the poster to make all adjustments to fit the user’s needs.
This tool can also store different brand assets of a business, like their logos, product images, typefaces, tones, color palettes in “collections,” from which certain elements of the poster will be sourced from.
This repository is to store the static files for the PBee.ai website.
- React
- Redux
- Vite
- Typescript
- Framer
- React Router Dom
- Tailwindcss
- Axios
- Firebase
- Framer Motion
- Formik
- yup (in context with formik)
- React-Dropzone
- React-Icons
- Socket.IO
- Navbar
- Home
- Features
- Testimonials
- About Us
- More About Us
- FAQ
- CTA
- Footer
- Login Page
- Credentials
- Sign In using Email (?)
- Sign Up Page
- Pricing
- Account Dashboard
- Left Sidebar
- History
- Favorites
- Poster Canvas (Design Page)
- Customize Modal (New Poster)
- Menu Bar
- Collections Page
- Upload Modal
- Progress Bar
- Assets Modal
- Exporting Modal
Creating react project (only for creating project)
npm create vite@latest
npm i
npm cd # [project name]Modules, Libraries and Dependencies
☝️ Note: this command is only required when cloning this project
npm i# React-Router
npm install react-router-dom
# React-Redux
npm install react-redux @reduxjs/toolkit
# Framer-Motion
npm install framer-motion
# Axios
npm install axios
# Formik & yup
npm install formik --save
npm install yup --save
# Firebase
npm install firebase
# react-icons
npm install react-icons --save
# Socket.IO
npm install socket.io-client
# Other Dependencies
npm install -D @types/node
# Tailwind Install
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -pRunning the Test Server
npm run dev