Buzzy English Speaking App

It's a MERN Stack English Speaking web app to practise english speaking and competing with your mates in the organization.

Want to see live preview »

✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Installing ✧ Author ✧

Buzzy is a platform where all the members of any workspace of any respective organization using slack will be able to practise their english speaking and can judge themselves on the basis of weekly leaderboard. Here the students and employess can speak and they'll get it converted into text with the time they used and their response will be shared on the slack channels.

Screens ( All screens are responsive )

• Homepage
• Signup / Login
• Recorder
• Leaderboard

🚀 Features

• Login/Signup User Account
• Record and submit - will post the message on slack workspace
• Admin can access the leaderboard and post the top ranked students on slack workspace

Glimpses of Clockify - Clone 🙈 :

Demo

Check here to see the presentation video of this project

Getting Started

This project was built using React, Redux, Chakra UI, CSS, JavaScript, Rest API, Node JS, Express, MongoDB, Mongoose, Slack-Bot, Slack-Api. It is a time & task management web application and for running on your local environment you should follow these guidelines.

Prerequisites

• NPM
• Node JS
• MongoDB

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS
# git clone  https://github.com/J-Prajwal/Buzzy

• Open terminal on your workspace with

cd /home/workspace/Buzzy

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To confirm that you have MongoDB installed you can run this command in your terminal:

mongo -v

To install all the dependences of the project, run the following command:

cd backend
npm install
cd ../
cd frontend
npm install

To run the application got to the client folder and run the following command:

npm start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file in server folder

PORT

MONGO_URL

SECRET

GOOGLE_CLIENT_ID

GOOGLE_CLIENT_SECRET

Tools used on this project

• Visual Studio Code - IDE
• create vite@latest - React Template
• MongoDB compass - DataBase Visualization
• Postman - API Testing
• Slack API

Contact The Team

If you want to contact us, you can reach us through below handles.

Prajwal Jaiswal

Gagan Chandan P

Komal Tiwary

© 2022 Team Binary-Beez

Show your support

Give a ⭐️ if you like this project!