Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laksharmaa/pixelpost-azure
An AI-drive community where users create AI-generated images by giving a custom prompt and can share it with the community.
https://github.com/laksharmaa/pixelpost-azure
auth0 cloudinary expressjs javascript mongodb node openai-api reactjs
Last synced: about 2 months ago
JSON representation
An AI-drive community where users create AI-generated images by giving a custom prompt and can share it with the community.
- Host: GitHub
- URL: https://github.com/laksharmaa/pixelpost-azure
- Owner: laksharmaa
- Created: 2024-07-20T12:16:01.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-04T22:05:28.000Z (3 months ago)
- Last Synced: 2024-12-04T08:29:37.605Z (about 2 months ago)
- Topics: auth0, cloudinary, expressjs, javascript, mongodb, node, openai-api, reactjs
- Language: JavaScript
- Homepage: https://pixelpost-opal.vercel.app
- Size: 619 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PixelPost - Generative AI Community Platform
> PixelPost is a full-stack web application that leverages OpenAI's API to generate AI-driven images and allows users to create, share, and explore a community of AI-generated content. The application features secure authentication using Auth0, personalized user profiles, and image storage powered by Azure Blog Storage.
## Features
- AI-generated image creation using OpenAI's API
- User authentication with Auth0
- Personalized user profiles with like and comment features
- Image storage and management with Azure Blob Storage
- Community showcase for sharing and exploring images
- Responsive UI for a seamless experience on all devices
## Tech Stack
- **Client:** React, Vite, TailwindCSS
- **Server:** Node.js, Express
- **Database:** Azure CosmosDB
- **Authentication:** Auth0
- **Cloud Storage:** Azure Blog Storage
- **AI Integration:** OpenAI API
## Getting Started
## Environement Variables
- ### Backend(server/.env)
```
OPENAI_API_KEY=
COSMOSDB_URL=
AZURE_BLOB_CONNECTION_STRING=
AUTH0_DOMAIN=
AUTH0_AUDIENCE=
```
- ### Frontend(client/.env)
```
VITE_AUTH0_DOMAIN=
VITE_AUTH0_CLIENT_ID=
VITE_CLIENT_SECRET=
VITE_AUTH0_AUDIENCE=http://localhost:8080/
VITE_BASE_URL=http://localhost:8080
```
## Installation
Clone the repository:
```
git clone https://github.com/your-username/PixelPost-Azure.git
cd pixelpost
```
### Install Dependencies
For both backend and frontend, install the dependencies:
**Backend:**
```
cd server
npm install
```
**Frontend:**
```
cd client
npm install
```
## Running the Application
- **Backend**
```
cd server
npm start
The backend will be running at http://localhost:8080.
```
- **Frontend**
```
cd client
npm run dev
The frontend will be running at http://localhost:5173.
```
## Contributing
*Contributions are welcome! Please fork the repository, create a branch, and submit a pull request.*😎