This is our Major Project that can easily be deployed into university classrooms, labs, placement activities, guest lecture events etc.Implemented using React + Next.js , Material-UI and Firebase.
You can check it out here-- https://chirp-next-app.herokuapp.com/
prettier
has been used. First install prettier
by running
npm install --save-dev --save-exact prettier
# or globally
npm install --global prettier
git clone https://github.com/whitetig3r/chirpNext-event-app.git
while in a Terminal on macOS or Linux (OR) git bash on Windows.cd chirpNext-event-app
and runyarn install
ornpm install
to install all dependencies. (depending on the package manager you use).- While in the project root directory, run the development server script using
npm run dev
. - Go to localhost:3000 and you will see the app entry point.
- Authentication with Firebase Auth using Google as provider has been implemented. Based on domain of the e-mail addesses, one will be able to create/attend events.
- Since all data is fetched dynamically from Firebase Firestore, an account is required. Create a
/lib
directory and create the following files for various credentials:chirp_config.js
forCHIRP_API_KEY
andCHIRP_API_SECRET
.firebase_client.js
description of the file given at the end of this doc.firebase_server.js
your firebase service account creds should be exported from this file.firebase_db_URL.js
for just the firebase firestore DB url. (can be placed infirebase_client.js
)typingDNA_config.js
for your typingDNA creds.
import * as firebase from 'firebase/app';
import 'firebase/firestore';
import "firebase/auth";
export function loadFirebase() {
try{
const config = {
apiKey: "########################",
authDomain: "########################",
databaseURL: "########################",
projectId: "#####################",
storageBucket: "#####################",
messagingSenderId: "##################"
};
firebase.initializeApp(config);
}
catch(err){
if (!/already exists/.test(err.message)) {
console.error('Firebase initialization error', err.stack);
}
}
return firebase;
}
- To use the TypingDNA API please sign up @ typingdna.com
- To use the HTTPS protocol on the server to simplify permissions on clients, first create a directory named
/https
in the root directory of your project and follow the instruction @ How to get HTTPS working on your local development environment in 5 minutes - To use the ChirpSDK, ensure that you have signed up at chirp.io and have added a valid application origin.