Wisechamps Zoom Portal

Codebase for the Wisechamps Zoom Portal platform

◦ Developed with the software and tools below.

---

📚 Table of Contents

• 📚 Table of Contents
• 🔍 Overview
• 🌟 Features
• 📁 Repository Structure
• 💻 Code Summary
• 🚀 Getting Started

---

🔍 Overview

This project is a React application with a Node.js backend, using the Express framework. The frontend is built using React and the backend is built using Node.js and Express. The project includes a package.json file for managing dependencies and a src directory containing the source code for the application.

---

🌟 Features

React, Node.js, Express, React-Express

---

📁 Repository Structure

├── .env
├── .gitignore
├── package-lock.json
├── package.json
└── src
    ├── App.css
    ├── App.jsx
    ├── components
    │   ├── Address.jsx
    │   └── Header.jsx
    ├── index.css
    └── index.js

---

💻 Code Summary

\src

File	Summary
App.jsx	The code is a React component that renders a form for users to enter their email address and join a Zoom meeting. It also handles the logic for determining the user's grade and whether they have enough quiz balance to join the meeting.
index.js	The code creates a React app using Chakra UI, rendering the App component within the ChakraProvider and attaching it to the root element with ID root

---

\src\components

File	Summary
Address.jsx	The code is a React component that renders an address form for a quiz game. It includes input fields for pincode, flat, street, landmark, city, and state, as well as buttons for submitting the form and skipping it. The component also includes a useEffect hook to handle changes in the address fields and a useState hook to manage the loading state of the form.
Header.jsx	The code defines a React component called Header that renders an image logo with a fade-in animation.

---

🚀 Getting Started

To get started with this project, follow these steps:

1. Install the necessary dependencies by running npm install or yarn install in your terminal.
2. Start the development server by running npm start or yarn start. This will launch a development server at http://localhost:3000/.
3. Open your web browser and navigate to http://localhost:3000/ to see the application running.
4. You can now start exploring the codebase and making changes as needed.
5. When you're ready to deploy the application, run npm run build or yarn build to create a production-ready build.
6. You can then deploy the build to a hosting platform of your choice.