├── CODE_OF_CONDUCT.md ├── README.md ├── RULES.md └── submissions ├── ChatBot-React with QB.md ├── QuickBlox-Chat-Room.md ├── anonymous-poll.md ├── bookify.md └── template_submission.md /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge Code of Conduct 2 | 3 | Our hacktoberfest challenge is dedicated to fostering a harassment-free and inclusive environment for everyone, regardless of gender, race, disability, or background. 4 | 5 | ## We Expect Respect From All Participants: 6 | - No harassment, intimidation, or inappropriate conduct. 7 | - Offensive comments related to gender, race, religion, or sexuality are prohibited. 8 | - Respect privacy and consent when taking photographs. 9 | 10 | ## Behavioral Expectations: 11 | - Participants should comply immediately with any request to stop inappropriate behavior. 12 | - All QuickBlox Hacktoberfest activities are subject to this Code of Conduct, including online spaces. 13 | 14 | ## Enforcement: 15 | - Organizers will take necessary action, including expulsion from the event if the Code of Conduct is violated. 16 | 17 | ## Need Help? 18 | 19 | If you experience or witness harassment, please contact or mail at [sayantani@quickblox.com](mailto:sayantani@quickblox.com). 20 | 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge 2 | 3 | ![schwags (1)](https://github.com/user-attachments/assets/85407627-82c5-4b40-a219-1755f1053f77) 4 | 5 | ### [Register here](https://bit.ly/QuickBloxHacktoberfestChallenge) 6 | 7 | ## Table of Contents 8 | - [Timeline](#timeline) 9 | - [Prizes](#prizes) 10 | - [How To Submit Your Project?](#how-to-submit-your-project) 11 | - [Rules and Code of Conduct](#rules-and-code-of-conduct) 12 | - [FAQ](#faq) 13 | 14 | 15 | ## Timeline 16 | - **Start Date and Time**: October 15th, 2024, at 12:00 AM PT [12.30 PM IST] 17 | - **End Date and Time**: November 15th, 2024, at 11:59 PM PT [12.29 PM IST] 18 | 19 | ## Prizes 20 | 21 | | Prize Type | Details | 22 | |--------------------------------|----------------------------------------------------------------------| 23 | | **1st Prize** | QuickBlox bag, hoodie, and water bottle, featured blog post & YouTube spotlight. | 24 | | **2nd Prize** | QuickBlox hoodie and water bottle, mention in QuickBlox’s monthly digest. | 25 | | **For Each Merged PR** | QuickBlox T-shirt, project showcase, featured on QuickBlox platforms. | 26 | | **For Registered Participants**| Online badges, personalized digital wallpapers. | 27 | 28 | 29 | 30 | ## How To Submit Your Project? 31 | Follow these steps to submit your project for the QuickBlox Hacktoberfest Challenge: 32 | 33 | ### Step 1: Create Your Project 34 | 1. **Build Your Project**: Start by creating a project that integrates QuickBlox products or SDKs. 35 | 2. **Upload to GitHub**: Once your project is ready, upload it to a public GitHub repository. 36 | 37 | 38 | ### Step 2: Sign up 39 | 1. **[Register for Hacktoberfest](https://hacktoberfest.com/)**: Ensure you are signed up for Hacktoberfest through their official website. 40 | 2. **[Register for the QuickBlox Hacktoberfest Challenge](https://bit.ly/QuickBloxHacktoberfestChallenge)**: All participants must register to be eligible for claiming prizes during the QuickBlox Hacktoberfest Challenge. 41 | 42 | 43 | ### Step 3: Add Project Submission to This Repository 44 | 1. **Fork the Repository**: 45 | - Click the "Fork" button at the top right of the repository page on GitHub. 46 | 47 | 2. **Create a New Branch**: 48 | - Clone your forked repository: 49 | ```bash 50 | git clone https://github.com/YOUR-USERNAME/quickblox-hacktoberfest-challenge.git 51 | ``` 52 | - Navigate into the cloned directory: 53 | ```bash 54 | cd quickblox-hacktoberfest-challenge 55 | ``` 56 | - Create a new branch using your project title as the branch name: 57 | ```bash 58 | git checkout -b your-project-title 59 | ``` 60 | 61 | 3. **Submission Template**: 62 | - Navigate to the `submissions/` directory and create a copy of the `template_submission.md` file. [Please do not delete the original template_submission.md file] 63 | Rename it to match your project title: 64 | ```bash 65 | cp submissions/template_submission.md submissions/your-project-title.md 66 | ``` 67 | 68 | 4. **Fill in the Template**: 69 | - Open the newly created file (`your-project-title.md`) and fill in the required project details. 70 | 71 | 5. **Create a Pull Request**: 72 | - Add your changes: 73 | ```bash 74 | git add submissions/your-project-title.md 75 | ``` 76 | - Commit your changes: 77 | ```bash 78 | git commit -m "Your github username" 79 | ``` 80 | - Push your changes to your forked repository: 81 | ```bash 82 | git push origin your-project-title 83 | ``` 84 | - After pushing your changes, navigate to your forked repository on GitHub. 85 | - You should see an option to **"Compare & pull request"** next to your new branch. Click on it. 86 | - On the Pull Request page, provide a descriptive title and a brief explanation of your project submission. 87 | - Ensure that the base repository is set to the **QuickBlox-Hacktoberfest-Challenge** main repository, and the base branch is **main**. 88 | - Submit your Pull Request by clicking the **"Create Pull Request"**. 89 | 90 | ## How to claim prize? 91 | After your PR is merged, please submit your details [here](https://forms.gle/XJQcx2igq7ddLBdy6) for claiming the prize. 92 | 93 | ## Rules and Code of Conduct 94 | All participants must adhere to the [Rules](https://github.com/QuickBlox/quickblox-hacktoberfest-challenge/blob/hacktoberfest/RULES.md) and [Code of Conduct](https://github.com/QuickBlox/quickblox-hacktoberfest-challenge/blob/hacktoberfest/CODE_OF_CONDUCT.md) to be eligible for participation and prizes in the **hacktoberfest challenge**. By participating, you agree to respect fellow participants and maintain a positive and inclusive environment. 95 | 96 | ## FAQ 97 | 98 | ### Do I need to use specific QuickBlox products during the Hacktoberfest Challenge? 99 | You are free to choose any QuickBlox product, such as our SDKs, UI Kits, Q-Consultation, or SmartChat Assistant. The choice is yours! 100 | 101 | ### Am I limited to using only QuickBlox products for my project? 102 | No, you are welcome to use any other products or tools in your project. However, it is required that QuickBlox technologies be incorporated as part of your solution. Below are resources to help you integrate various QuickBlox products. 103 | 104 | ## AI-Driven Solutions 105 | 106 | | Product | Description | Link | 107 | |---------|-------------|------| 108 | | **SmartChat Assistant** | An AI-powered chat assistant that enhances user engagement with intelligent conversation capabilities and easy setup. | [Smart Chat Assistant Overview](https://docs.quickblox.com/docs/smartchat-assistant-overview) | 109 | | **AI Extensions** | A set of pre-built AI tools that provide quick integration of AI functionalities into your apps, making development faster and smarter. | [AI Extensions Overview](https://docs.quickblox.com/docs/ai-extensions) | 110 | 111 | ## Developer Tools 112 | 113 | | Tool / SDK / UI Kit | Description | Link | 114 | |---------------------|-------------|------| 115 | | **JavaScript SDK** | A comprehensive SDK to integrate QuickBlox services into web applications using JavaScript. | [JavaScript Quick Start](https://docs.quickblox.com/docs/js-quick-start) | 116 | | **Android SDK** | SDK for building Android applications with QuickBlox communication features. | [Android Quick Start](https://docs.quickblox.com/docs/android-quick-start) | 117 | | **React Native SDK** | Integrate QuickBlox into your React Native mobile apps with this robust SDK. | [React Native Quick Start](https://docs.quickblox.com/docs/react-native-quick-start) | 118 | | **Flutter SDK** | For Flutter developers looking to implement QuickBlox services in their applications. | [Flutter Quick Start](https://docs.quickblox.com/docs/flutter-quick-start) | 119 | | **iOS SDK** | Easily integrate QuickBlox features into iOS applications with this SDK. | [iOS Quick Start](https://docs.quickblox.com/docs/ios-quick-start) | 120 | | **React UI Kit** | A pre-built collection of UI components for React applications to accelerate development. | [React UI Kit Overview](https://docs.quickblox.com/docs/react-uikit-overview) | 121 | | **Android UI Kit** | Pre-designed UI components to help Android developers quickly integrate QuickBlox services. | [Android UI Kit Overview](https://docs.quickblox.com/docs/android-uikit-overview) | 122 | | **iOS UI Kit** | Ready-made UI elements for fast integration of QuickBlox services in iOS apps. | [iOS UI Kit Overview](https://docs.quickblox.com/docs/ios-uikit-overview) | 123 | | **Server API** | Server API for backend integration to manage and scale QuickBlox services. | [Server API Overview](https://docs.quickblox.com/reference/overview) | 124 | 125 | ## Ready-Made Products 126 | 127 | | Product | Description | Link | 128 | |---------|-------------|------| 129 | | **Q-Consultation** | A ready-made consultation solution with features like live queue, appointment scheduling, chat, video calling, and more - also available as an open source version. | [Q-Consultation Overview](https://quickblox.com/products/q-consultation/open-source/) | 130 | 131 | --- 132 | 133 | Explore our [QuickBlox documentation](https://docs.quickblox.com/) for additional resources and support. 134 | 135 | 136 | 137 | ### What type of projects are acceptable? 138 | We encourage creativity! Your project can focus on real-time communication solutions, social applications, or any innovative use of QuickBlox’s capabilities. Ensure that your project demonstrates the use of QuickBlox features effectively. 139 | 140 | ### How will my project be evaluated? 141 | Projects will be evaluated based on innovation, functionality, and the effective use of QuickBlox technologies. Our panel will review all submissions, and winners will be announced shortly after the challenge ends. 142 | 143 | --- 144 | 145 | Thank you for participating in the QuickBlox Hacktoberfest Challenge! We can’t wait to see the innovative projects you’ll create. If you have any questions or need assistance, don't forget to **join our [Discord community](https://discord.com/invite/3cKRunq8ZZ)** to connect with fellow participants, ask questions, and find inspiration for your projects! -------------------------------------------------------------------------------- /RULES.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge Rules 2 | 3 | **Timeline**: 4 | - **Start Date**: 15th October 2024, 12:00 AM PT 5 | - **End Date**: 15th November 2024, 11:59 PM PT 6 | All submissions must be made within this timeframe. 7 | 8 | ## Eligibility 9 | - Solo developers can participate. 10 | - You may submit multiple projects, but each project must be unique. 11 | 12 | ## Submission Guidelines 13 | - Submissions must feature at least one QuickBlox product. 14 | - Older projects are not allowed—build your project during the Hacktoberfest Challenge period. 15 | - You must submit your project through a Pull Request to the official GitHub repository. 16 | 17 | ## Judging Criteria 18 | 1. **Product Thinking**: Real-world applicability and completeness of the features. 19 | 2. **UI/UX**: Overall design, user-friendliness, and layout. 20 | 3. **Code Quality**: Clean code, proper naming conventions, use of best practices. 21 | 4. **Use of QuickBlox**: How effectively QuickBlox products are integrated. 22 | 23 | ## General Rules 24 | - Only one person should submit a project, but additional contributors must be credited. 25 | - The intellectual property of your code belongs to you. 26 | - By participating, you agree to the Hacktoberfest Challenge Code of Conduct. 27 | -------------------------------------------------------------------------------- /submissions/ChatBot-React with QB.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge Submission: ChatBot React with QB 2 | 3 | 4 | GitHub handle: AdityaSeth777 5 | 6 | 7 | ## Project Overview 8 | **Project Title**: ChatBot React with QuickBlox 9 | 10 | **Description**: A responsive, black-themed chatbot web app that integrates with QuickBlox’s SmartChat Assistant for natural language processing and interactive chat functionalities. The app provides a simple and elegant chat interface with minimalistic design and responsive layout for a user-friendly experience. 11 | 12 | ## Technical Details 13 | **Tech Stack**: React.js, Material-UI for responsive and stylish UI, JavaScript, and QuickBlox SDK. 14 | 15 | **QuickBlox Integration**: QuickBlox’s SmartChat Assistant is integrated to provide natural language processing and conversational AI capabilities. The app uses the QuickBlox SDK to handle chat responses and user interactions, leveraging QuickBlox's powerful API for seamless communication. 16 | ## Submission Links 17 | **Project Repository**: [QuickBlox-AICB](https://github.com/AdityaSeth777/QuickBlox-AICB) 18 | 19 | Photos : ![Screenshot](https://i.postimg.cc/pdJ32JRQ/Screenshot-2024-11-09-at-16-56-12.png) 20 | 21 | **Demo Video/Images**: [Video Link](https://youtu.be/M_kYLigJujw) 22 | 23 | ## Additional Information 24 | **Challenges Faced**: The main challenges included managing API rate limits and ensuring smooth, responsive interactions in real-time. Another hurdle was adjusting the integration with QuickBlox’s SmartChat to achieve seamless connectivity. These were tackled by introducing error handling, optimization, and rate-limiting mechanisms, as well as streamlining the UI for responsiveness. 25 | 26 | **Future Improvements**: Potential improvements include adding user authentication, enhancing conversational capabilities with more interactive elements, implementing real-time message storage, and adding support for voice input. -------------------------------------------------------------------------------- /submissions/QuickBlox-Chat-Room.md: -------------------------------------------------------------------------------- 1 | Here’s your Hacktoberfest Challenge submission template populated with the relevant details for your QuickBlox real-time anonymous Chat Room project: 2 | 3 | --- 4 | 5 | # QuickBlox Hacktoberfest Challenge Submission: Real-time QuickBlox Chat Room 6 | 7 | GitHub handle: **JanumalaAkhilendra** 8 | 9 | ## Project Overview 10 | 11 | **Project Title**: Real-time QuickBlox Chat Room with QuickBlox, HTML, CSS, and JavaScript. 12 | 13 | **Description**: 14 | This chat application is a real-time messaging platform built with a front-end interface (HTML, CSS, JavaScript) and a QuickBlox backend to handle user authentication, message sending, and message retrieval in real time. 15 | 16 | ## Key Components 17 | QuickBlox Integration: 18 | 19 | QuickBlox is used as the backend service to handle user authentication, room creation, and chat messaging. 20 | By leveraging QuickBlox’s SDK, the app can manage real-time communication between users without a custom backend. 21 | Frontend Interface: 22 | 23 | The app has a simple HTML structure for user interaction, with a chat input box, a send button, and a message display area. 24 | The messages are styled to differentiate between sent and received messages, enhancing readability. 25 | 26 | ## Technical Details 27 | 28 | **Tech Stack**: 29 | - **Front-End**: HTML, CSS, JavaScript 30 | - **Real-Time Communication**: QuickBlox JavaScript SDK 31 | - **Deployment**: (Optional: Netlify/Vercel/Local Server) 32 | 33 | ## Submission Links 34 | 35 | **Project Repository**: 36 | [Real-time QuickBlox Chat Room GitHub Repository](https://github.com/JanumalaAkhilendra/QuickBlox-Chat-Room) 37 | 38 | **Project Deployment Link (Optional)**: 39 | (If deployed, you can add the link here) 40 | 41 | **Demo Video/Images**: 42 | ## Image 43 | ![image](https://github.com/JanumalaAkhilendra/QuickBlox-Chat-Room/blob/main/Assets/Screenshot%20(386).png) 44 | 45 | ## Video 46 | [Video](https://youtu.be/JYESeMGi4Gc) 47 | 48 | ## Additional Information 49 | 50 | **Challenges faced**: 51 | - **Syncing Messages Across Users**: Ensuring messages show up in real-time for all users without delay or duplication can be difficult. The challenge is compounded when multiple users are involved and network latency comes into play. 52 | - **Session Management**: Handling user sessions, including login and logout, can be tricky with QuickBlox, particularly if you need to manage multiple users concurrently. 53 | - **UI Enhancements**: Designing a clean, user-friendly UI and maintaining it across various devices (desktop, tablet, mobile) may require a lot of testing and CSS adjustments for responsiveness. 54 | 55 | **Future Improvements**: 56 | - **User Authentication**: Adding optional user authentication to allow for tracking user participation without compromising anonymity. 57 | - **Message Styling**: Differentiate message types, like sent vs. received, by using custom colors, timestamps, or avatars. 58 | - **Theme Options**: Allow users to switch between light and dark modes, or even customize themes. 59 | 60 | **Blog Post (Optional)**: 61 | [Real-time QuickBlox Chat Room] 62 | -------------------------------------------------------------------------------- /submissions/anonymous-poll.md: -------------------------------------------------------------------------------- 1 | Here’s your Hacktoberfest Challenge submission template populated with the relevant details for your QuickBlox real-time anonymous polling system project: 2 | 3 | --- 4 | 5 | # QuickBlox Hacktoberfest Challenge Submission: Real-time Anonymous Polling System 6 | 7 | GitHub handle: **abhirajadhikary06** 8 | 9 | ## Project Overview 10 | 11 | **Project Title**: Real-time Anonymous Polling System with QuickBlox and Flask 12 | 13 | **Description**: 14 | This project is a real-time anonymous polling system where users can participate in anonymous polls via a chat interface. It leverages QuickBlox for real-time communication and Flask for the backend. Users can submit votes and see the results dynamically updated in the chat. It is a lightweight, user-friendly app designed to provide a seamless polling experience in real-time. 15 | 16 | Key features include: 17 | - Anonymous voting without revealing user identity. 18 | - Real-time results displayed dynamically. 19 | - Simple UI for easy interaction. 20 | - QuickBlox integration for efficient communication between users. 21 | 22 | ## Technical Details 23 | 24 | **Tech Stack**: 25 | - **Front-End**: HTML, CSS, JavaScript 26 | - **Back-End**: Python (Flask) 27 | - **Real-Time Communication**: QuickBlox JavaScript SDK 28 | - **Deployment**: (Optional: Netlify/Vercel/Local Server) 29 | 30 | **QuickBlox Integration**: 31 | - QuickBlox is used to handle real-time communication between users in the chatroom. 32 | - QuickBlox's JavaScript SDK is integrated to allow users to anonymously join chat rooms, cast their votes, and broadcast real-time results to all participants. 33 | - The backend receives and processes user votes, then sends updated results back to all participants using QuickBlox messaging. 34 | 35 | ## Submission Links 36 | 37 | **Project Repository**: 38 | [Real-time Anonymous Polling System GitHub Repository](https://github.com/abhirajadhikary06/polling-app.git) 39 | 40 | **Project Deployment Link (Optional)**: 41 | (If deployed, you can add the link here) 42 | 43 | **Demo Video/Images**: 44 | ## Image 45 | ![image](https://github.com/user-attachments/assets/2658ea80-f361-4e8a-991f-0f5371f39af3) 46 | 47 | ## Video 48 | 49 | https://github.com/user-attachments/assets/49882ba3-eb88-4470-bfa4-edda85b55c48 50 | 51 | ## Additional Information 52 | 53 | **Challenges Faced**: 54 | - **CORS Issues**: Initially, while testing the application locally, I encountered Cross-Origin Resource Sharing (CORS) issues when connecting the front-end with the Flask backend. I overcame this by using the `Flask-CORS` library to allow for seamless communication. 55 | - **Real-time Updates**: Handling real-time updates was tricky at first, but QuickBlox's JavaScript SDK made it simpler to manage the synchronization between votes being cast and updating the results in real-time. 56 | - **UI Enhancements**: Creating a sleek and modern user interface took some effort, as I wanted the app to be visually appealing while keeping it simple to use. By utilizing more dynamic styles and ensuring responsive design, I achieved the desired look. 57 | 58 | **Future Improvements**: 59 | - **User Authentication**: Adding optional user authentication to allow for tracking user participation without compromising anonymity. 60 | - **Multiple Polls**: Enhancing the app to support multiple ongoing polls within the same chat room or across different chat rooms. 61 | - **Poll Customization**: Allowing admins to customize the poll questions and options dynamically from the UI. 62 | 63 | **Blog Post (Optional)**: 64 | [Building a Real-time Anonymous Polling System with QuickBlox and Flask](https://dev.to/abhirajadhikary06/building-a-real-time-anonymous-polling-system-with-quickblox-and-flask-7gj) 65 | -------------------------------------------------------------------------------- /submissions/bookify.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge Submission: 2 | 3 | 4 | Team member 1: medhaghoshh 5 | Team member 2: AyushmanDey 6 | Team member 3: goneshita 7 | 8 | 9 | ## Project Overview 10 | **Project Title**: Bookify 11 | 12 | **Description**: A platform made using quickblox to suggest books. 13 | 14 | ## Technical Details 15 | **Tech Stack**: HTML, CSS, JavaScript 16 | 17 | **QuickBlox Integration**: We have used quickblox to integrate the chatbot in our bookify project. 18 | 19 | ## Submission Links 20 | **Project Repository**: https://github.com/medhaghoshh/bookify 21 | 22 | **Demo Video/Images**: https://drive.google.com/drive/folders/1vqFzB-vSWsAZ9MCTXelFibaWkEkjdzpB?usp=drive_link 23 | 24 | ## Additional Information 25 | **Challenges Faced**: Complicated documentation of AI chatbot. 26 | 27 | **Future Improvements**: Integration of e-commerce links that will be displayed simultaneously along with the suggested books. 28 | 29 | 30 | -------------------------------------------------------------------------------- /submissions/template_submission.md: -------------------------------------------------------------------------------- 1 | # QuickBlox Hacktoberfest Challenge Submission: 2 | 3 | 4 | GitHub handle: 5 | 6 | 7 | ## Project Overview 8 | **Project Title**: What is the name of your project? 9 | 10 | **Description**: Provide a brief overview of what your project does and its key features. 11 | 12 | ## Technical Details 13 | **Tech Stack**: What technologies, frameworks, and platforms did you utilize to build your project? 14 | 15 | **QuickBlox Integration**: Describe how you used QuickBlox products or SDKs in your project. 16 | 17 | ## Submission Links 18 | **Project Repository**: Please share a link to your project's public repository. 19 | 20 | **Project Deployment Link (Optional)**: Deploy your project on Netlify or any suitable server and provide the visible link here. 21 | 22 | **Demo Video/Images**: Provide a link to a 2-3 minute demo video or images showcasing your project. 23 | 24 | ## Additional Information 25 | **Challenges Faced**: What challenges did you encounter during development, and how did you overcome them? 26 | 27 | **Future Improvements**: If you had more time, what additional features or improvements would you consider for your project? 28 | 29 | **Blog Post (Optional)**: If you've documented your project development in a blog, please share the link here. 30 | --------------------------------------------------------------------------------