https://github.com/web-dev-akash/zoom.wisechamps.com
This application functions as a wrapper for our users. When a registered user enters their email, the system retrieves their grade from Zoho CRM and subsequently redirects them to the respective Zoom meeting.
https://github.com/web-dev-akash/zoom.wisechamps.com
css3 reactjs zoho-crm-api
Last synced: about 2 months ago
JSON representation
This application functions as a wrapper for our users. When a registered user enters their email, the system retrieves their grade from Zoho CRM and subsequently redirects them to the respective Zoom meeting.
- Host: GitHub
- URL: https://github.com/web-dev-akash/zoom.wisechamps.com
- Owner: web-dev-akash
- Created: 2023-10-12T07:31:34.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-29T10:31:57.000Z (11 months ago)
- Last Synced: 2025-02-04T21:16:55.038Z (4 months ago)
- Topics: css3, reactjs, zoho-crm-api
- Language: JavaScript
- Homepage: https://zoom.wisechamps.com
- Size: 695 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Wisechamps Zoom Portal
Codebase for the Wisechamps Zoom Portal platform
◦ Developed with the software and tools below.
---
## 📚 Table of Contents
- [📚 Table of Contents](#-table-of-contents)
- [🔍 Overview](#-overview)
- [🌟 Features](#-features)
- [📁 Repository Structure](#-repository-structure)
- [💻 Code Summary](#-code-summary)
- [🚀 Getting Started](#-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
```sh
├── .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 .
3. Open your web browser and navigate to 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.