WishChat is a simple Chat app where the user is able to send and recive messages form other Users. In adition the user can send a image attached to the Messages.
You will find a more indepth Documentation at: https://david-bischof.ch/Projects/Wishchat
- clone the repo
git clone https://github.com/David21092/WishChat/tree/dev
- cd into cloned repo
cd wishchat
cd .\Client\wishchat\
- install dependencies
npm install
npm install react-router-dom
npm install firebase
npm install @firebase/app
npm install react-icons/fa
npm install react-toastify
- Create Firebase DB
Due to the fact that you cant use my firebase realtime DB because i would have to give out my Tokens, you need to create your own one and just simply connect it with the app. This File should be called "firebaseConfig.jsx", its located in the src folder and should look something like this:
import { initializeApp } from "firebase/app";
import { getAuth } from 'firebase/auth'
const firebaseConfig = {
apiKey: "YOUR_TEMP_API_KEY",
authDomain: "YOUR_TEMP_AUTH_DOMAIN",
databaseURL: "YOUR_TEMP_DATABASE_URL",
projectId: "YOUR_TEMP_PROJECT_ID",
storageBucket: "YOUR_TEMP_STORAGE_BUCKET",
messagingSenderId: "YOUR_TEMP_MESSAGING_SENDER_ID",
appId: "YOUR_TEMP_APP_ID"
};
const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
- run the app
npm run start
- cd into cloned repo
cd wishchat
cd .\Backend\
- install dependencies
npm init
npm i express socket.io firebase-admin nodemon
- secrets
You will need to create your onw serviceAccountKey.json (this will be directly in the Backend folder) and you will have to use your onw admin connection to the database.
- Run the backend
npm start
---
This project is licensed under the Creative Commons Attribution 4.0 International License. To view a copy of this license, visit CC BY 4.0.
- Share: Copy and redistribute the material in any medium or format.
- Adapt: Remix, transform, and build upon the material for any purpose, even commercially.
The licensor cannot revoke these freedoms as long as you follow the license terms.
- Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
No additional restrictions: You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
When using this work, please provide the following attribution:
"Whishlingo" by David21092 is licensed under CC BY 4.0. To view a copy of this license, visit CC BY 4.0.
dev