ARCHEIV.ER

Streamlined contact management for External Relations. Efficient tasks, better collaboration, stronger partnerships

Comment

Project Proposal for Hackathon Introduction to the Main Problem: Scientific clubs are essential platforms for fostering innovation, collaboration, and learning. Among the key roles within these clubs, the External Relations (ER) department serves as the bridge between the club and external entities such as experts, mentors, organizations, and other clubs. However, managing external relations effectively poses a significant challenge, primarily due to contact limitations. These limitations often manifest as: Lack of organized tracking of whom to contact, their details, and current status. Communication inefficiencies among ER members. Difficulty in accessing expert profiles tailored to specific needs (e.g., specialties, ratings, availability). Redundancy and missed opportunities due to poor visibility of previously contacted experts or partners. These challenges impede the department's ability to establish meaningful collaborations, coordinate tasks effectively, and maintain a robust network of external relationships. Addressing these issues is critical to the success of scientific clubs. Our Provided Solution: To solve the problem of contact limitations within the ER department, we developed a mobile application tailored to streamline external relations management. Our app is designed to optimize task allocation, enhance communication, and provide an organized and accessible database of experts and contacts. This solution simplifies the workflow for ER members, ensuring that every member is on the same page while eliminating redundancies and enhancing productivity. App Features: The app consists of three main pages, each addressing a specific aspect of the problem:

  1. Home Page: User Tasks: Displays a personalized list of tasks assigned to the user, such as contacting external clubs, mentors, or searching for new connections. Ensures every member knows their responsibilities. Current Event Box: Shows all approved experts, mentors, collaborators, and partnerships related to ongoing events. Reduces duplication of efforts.
  2. Chat Page: A simple and intuitive chat feature for seamless communication among ER members. Facilitates discussions about potential contacts, event planning, or updates on tasks.
  3. Experts Page: A comprehensive directory of external contacts, displaying name, phone number, email, specialty, rating, location, and availability. Features sorting by rating and filtering by specialty, along with a search bar for quick access to experts. Allows marking contacted experts to hide them from the list, avoiding redundancy. Why This App:
  4. Enhanced Efficiency: Simplifies task management, ensuring no opportunity is overlooked.
  5. Improved Communication: Facilitates real-time discussions and collaboration among ER members.
  6. Comprehensive Contact Management: Provides a detailed, sortable, and filterable directory of external experts tailored to the needs of scientific clubs.
  7. Reduces Redundancy: Avoids duplicate efforts by marking already contacted experts, ensuring focus on new opportunities.
  8. Home Page: User Tasks: Displays a personalized list of tasks assigned to the user, such as contacting external clubs, mentors, or searching for new connections. Ensures every member knows their responsibilities. Current Event Box: Shows all approved experts, mentors, collaborators, and partnerships related to ongoing events. Reduces duplication of efforts.
  9. Chat Page: A simple and intuitive chat feature for seamless communication among ER members. Facilitates discussions about potential contacts, event planning, or updates on tasks.
  10. Experts Page: A comprehensive directory of external contacts, displaying name, phone number, email, specialty, rating, location, and availability. Features sorting by rating and filtering by specialty, along with a search bar for quick access to experts. Allows marking contacted experts to hide them from the list, avoiding redundancy. Why This App:
  11. Enhanced Efficiency: Simplifies task management, ensuring no opportunity is overlooked.
  12. Improved Communication: Facilitates real-time discussions and collaboration among ER members.
  13. Comprehensive Contact Management: Provides a detailed, sortable, and filterable directory of external experts tailored to the needs of scientific clubs.
  14. Reduces Redundancy: Avoids duplicate efforts by marking already contacted experts, ensuring focus on new opportunities. ### 3. Experts Page:
  15. A comprehensive directory of external contacts, displaying name, phone number, email, specialty, rating, location, and availability
  16. Features sorting by rating and filtering by specialty, along with a search bar for quick access to experts.
  17. Allows marking contacted experts to hide them from the list, avoiding redundancy. ## Why This App:
  18. Enhanced Efficiency: Simplifies task management, ensuring no opportunity is overlooked.
  19. Improved Communication: Facilitates real-time discussions and collaboration among ER members.
  20. Comprehensive Contact Management: Provides a detailed, sortable, and filterable directory of external experts tailored to the
  21. Reduces Redundancy: Avoids duplicate efforts by marking already contacted experts, ensuring focus on new opportunities. Key Highlights of the Product:
  22. Efficient Task Management: Members can view and track assigned tasks directly from the home page, ensuring focus and productivity.
  23. Centralized Communication: The chat feature promotes seamless collaboration, keeping all discussions in one accessible place.
  24. Optimized Expert Handling: The experts page allows sorting, filtering, and managing contact information, ensuring members can quickly find and connect with the right individuals.
  25. User-Friendly Design: The app features an intuitive interface, making it easy for all users to navigate and utilize effectively.
  26. Scalable Solution: The app's modular architecture supports future enhancements, ensuring it can adapt to the evolving needs of scientific clubs. By addressing the core challenges of contact limitations, communication gaps, and disorganized workflows, our app empowers scientific clubs to strengthen their external relations, drive impactful collaborations, and achieve greater success in their endeavors. This product is not just a tool but a strategic advantage for modern scientific clubs. Code Planning and Explanation: Program Concept Our app will follow a full-stack development approach, using HTML/CSS/JavaScript for the frontend, Node.js for the backend, and MongoDB for the database. Here's a breakdown of the concept and ideas for each layer: Frontend Planning HTML Planning HTML will structure the app and include the following components:
  27. Home Page: Header: Contains a navigation bar with links to the Home, Chat, and Experts pages. Task List Section: Dynamically loads the user's task list using placeholders for task details (e.g., elements with task details populated by JavaScript). Current Event Box: Displays a list of approved experts, mentors, and partnerships. Each item will have an HTML structure to display names and details.
  28. Chat Page: Chatbox Area: Includes a message list and an input field for sending messages. Message Bubble Design: HTML structure for chat messages with placeholders for sender and message content.
  29. Experts Page: Search Bar: Input field for searching by name. Filter and Sort Options: Dropdowns or checkboxes for filtering by specialty and sorting by rating. Expert Cards: Each expert’s details (name, contact info, specialty, rating) will be dynamically inserted. CSS Planning CSS will style the app for a professional and intuitive interface:
  30. Global Styling: Define global colors, fonts, and spacing. Use a grid or flexbox layout for a responsive design.
  31. Home Page: Task cards styled with hover effects to make them visually appealing. Current Event Box styled as a scrollable section.
  32. Chat Page: Message bubbles styled differently for sent and received messages. Chatbox input field styled with clear placeholders and a send button.
  33. Experts Page: Expert cards styled with borders, spacing, and visibility toggles for "contacted" experts. Dropdowns and search bar styled for clarity and usability. JavaScript Planning JavaScript will handle frontend interactivity and dynamic content rendering:
  34. Home Page: Fetch tasks and event details from the backend using AJAX or Fetch API. Populate task cards and current event box dynamically.
  35. Chat Page: Use WebSockets (e.g., Socket.IO) for real-time communication. Append new messages to the chat area and keep the chat scrollable.
  36. Experts Page: Fetch expert data from the backend. Apply sorting and filtering logic to display experts. Hide experts marked as "contacted" using a checkbox toggle. Node.js Backend Planning The backend will handle routing, business logic, and database interaction:
  37. Home Route: GET /tasks Endpoint: Returns a list of user-specific tasks and current event details. POST /tasks/update Endpoint: Allows updating task progress.
  38. Chat Route: WebSocket Server: Enables real-time chat communication. GET /messages Endpoint: Fetches the chat history for a group of ER members.
  39. Experts Route: GET /experts Endpoint: Returns a list of experts with sorting and filtering options. POST /experts/contacted Endpoint: Updates an expert's "contacted" status.
  40. Authentication and User Management: POST /login Endpoint: Authenticates users. POST /register Endpoint: Allows new users to sign up. MongoDB Database Planning MongoDB will store app data in the following collections:
  41. Users Collection: Fields: userID, username, password (hashed), role (e.g., admin, ER member), and tasks.
  42. Tasks Collection: Fields: taskID, assignedTo (userID), taskDescription, status (pending, completed), and type (contact, search, etc.).
  43. Messages Collection: Fields: messageID, senderID, receiverID, content, timestamp.
  44. Experts Collection: Fields: expertID, name, phone, email, specialty, rating, location, availability, contacted.

Built With

Share this project:

Updates