Arabrew

Arabrew is a real time chat website mobile first approach that should connect different cultures and should translate into the language of each user, with the help of open ai api

Figma Design

App Flow

---

Arabrew Teaser - https://youtu.be/NL7cNWGYQJo

---

Table Of Content

• Installation
• Mongo DB setup
• Open AI setup
• Auth 0 setup
• License

---

Installation

git clone https://github.com/Makes-Innovation-Hub/arabrew.git

server .env setup:

cd arabrew
npm run generate-env

PORT: 1024 - 65535, for example 5000 | type: number

NODE_ENVIRONMENT: development/production for example: development | type: string

MONGO_URI_DEVELOPMENT: Mongo DB setup

MONGO_URI_PRODUCTION: Mongo DB setup

OPEN_AI_API_KEY: Open AI setup

make client .env file:

cd arabrew/client
touch .env

VITE_SERVER_BASE_URL= http://localhost | type: string

VITE_SERVER_PORT= 1024 - 65535 for example 5000 | type: number

VITE_AUTH0_DOMAIN= Auth 0 setup

VITE_AUTH0_CLIENT_ID= Auth 0 setup

install dependencies:

cd arabrew
npm run install-all

run server:

cd arabrew
npm run dev

run client:

cd arabrew/client
npm run dev

Mongo DB setup

• sign in to mongodb website: https://www.mongodb.com/

  

• press "+ New Project" button

  

• give project name

  

• press "Next" button

• press "Create Project" button

• press "Add Current IP Address" button

• press green "+ Create" button

• check M0 free option

• check aws

• pick closest region

• give cluster development name

• press green "Create" button

• check "Username and Password"

• give Username and Password

• press green "Create User" button

• check "Cloud Environment"

• IP Address: 0.0.0.0/0
• Description: open for all

• press "Add Entry" button

• press "Finish and Close" button

Open AI setup

• open ai website: https://openai.com/
• goto menu

• goto Log in

• press API box

• upper menu right side, press "Personal"

• press "View API keys"

• press "+ Create new secret key" button

Auth 0 setup

• goto https://auth0.com/

• press login

• press "Create Application"

• give name

• choose "Single Page Web Applications"

• press "Create"

• press react logo

• press "Settings" tab

License

The MIT License (MIT)

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.