refactored .md file and added github & dev info

client/index.html

@@ -38,6 +38,11 @@
                 <a href="#" onclick="showModal('terms-of-use')" class="hover:text-gray-200">Terms of Use</a>
                 <a href="#" onclick="showModal('faq')" class="hover:text-gray-200">FAQs</a>
                 <a href="#" onclick="showModal('history')" class="hover:text-gray-200">History</a>
+                <a href="https://github.com/sundarsharma332/Quicknotes" target="_blank"
+                    class="hover:text-gray-200 flex items-center">
+                    <span class="material-icons">code</span> GitHub
+                </a>
+                <a href="#" onclick="showModal('developer-info')" class="hover:text-gray-200">Developer Info</a>
                 <button id="mode-toggle" aria-label="Toggle dark/light mode" class="text-2xl">
                     <span class="material-icons">light_mode</span>
                 </button>
@@ -54,6 +59,12 @@
             <a href="#" onclick="showModal('terms-of-use')" class="block px-4 py-2 hover:bg-gray-700">Terms of Use</a>
             <a href="#" onclick="showModal('faq')" class="block px-4 py-2 hover:bg-gray-700">FAQs</a>
             <a href="#" onclick="showModal('history')" class="block px-4 py-2 hover:bg-gray-700">History</a>
+            <a href="https://github.com/sundarsharma332/Quicknotes" target="_blank"
+                class="block px-4 py-2 hover:bg-gray-700 flex items-center">
+                <span class="material-icons">code</span> GitHub
+            </a>
+            <a href="#" onclick="showModal('developer-info')" class="block px-4 py-2 hover:bg-gray-700">Developer
+                Info</a>
             <button id="mobile-mode-toggle" aria-label="Toggle dark/light mode"
                 class="block w-full text-left px-4 py-2 hover:bg-gray-700">
                 <span class="material-icons">light_mode</span> Dark Mode
@@ -151,6 +162,27 @@ <h2 class="text-2xl font-bold">Deleted Notes History</h2>
         </div>
     </div>
 
+    <div id="developer-info" class="modal hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
+        <div class="bg-white dark:bg-gray-800 p-8 rounded-lg max-w-2xl w-full">
+            <div class="flex justify-between items-center mb-4">
+                <h2 class="text-2xl font-bold">Developer Info</h2>
+                <button class="close text-2xl">&times;</button>
+            </div>
+            <div class="text-center mb-4">
+                <img src="https://media.licdn.com/dms/image/D4D03AQFAeTO1sgHN6w/profile-displayphoto-shrink_800_800/0/1699305610210?e=1725494400&v=beta&t=FuutJqGvkaWhXxrGmceHY0pXDVBmlpWuyNHOXw4hdvo"
+                    alt="Sundar Raj Sharma" class="w-32 h-32 rounded-full mx-auto mb-4">
+                <h3 class="text-xl font-bold">Sundar Raj Sharma</h3>
+                <p class="text-sm text-gray-500 dark:text-gray-400">Educational AI Integration Specialist & Founder</p>
+                <a href="https://www.linkedin.com/in/sundar-raj-sharma-1a837b169/" target="_blank"
+                    class="block mt-2 text-blue-500 hover:underline">LinkedIn Profile</a>
+                <p class="mt-2">Email: <a href="mailto:[email protected]"
+                        class="text-blue-500 hover:underline">[email protected]</a></p>
+                <p class="mt-1">Email: <a href="mailto:[email protected]"
+                        class="text-blue-500 hover:underline">[email protected]</a></p>
+            </div>
+        </div>
+    </div>
+
     <script>
         const noteForm = document.getElementById('note-form');
         const titleInput = document.getElementById('title-input');

readme.md

@@ -23,54 +23,10 @@ QuickNotes is a simple and efficient note-taking app designed to help you captur
 
 QuickNotes v2.0 is set to revolutionize your note-taking experience with advanced features and integrations.
 
-### Planned Features:
+### Planned Features : To convet into an mobile app - with ai - TBR
 - **AI and LLMs Integration**: Utilize artificial intelligence to enhance note-taking and content organization.
 - **Vector DB Connections**: Seamlessly connect with vector databases for efficient data handling.
 - **GPT Content Refactoring**: Intelligent content refactoring to improve your notes.
 - **In-Depth Research Tools**: Enhanced tools for thorough research and data analysis.
 - **Voice and Image Upload**: Support for voice notes and image uploads.
 - **Audio and Video Extraction**: Extract and utilize content from audio and video files.
-
-## Development Plan (2 Months)
-
-### Month 1:
-1. **Week 1**:
-   - Project kickoff and team alignment
-   - Finalize feature list and technical specifications
-   - Set up development environment and tools
-
-2. **Week 2**:
-   - Begin implementation of AI and LLMs integration
-   - Start development of vector DB connections
-   - Design new UI/UX for multimedia support (voice, image, audio, video)
-
-3. **Week 3**:
-   - Continue development of AI and LLMs integration
-   - Implement GPT content refactoring feature
-   - Develop backend support for voice and image uploads
-
-4. **Week 4**:
-   - Complete initial development of vector DB connections
-   - Integrate in-depth research tools
-   - Conduct internal testing and gather feedback
-
-### Month 2:
-1. **Week 5**:
-   - Refine AI and LLMs integration based on feedback
-   - Begin development of audio and video extraction features
-   - Enhance UI/UX based on initial testing feedback
-
-2. **Week 6**:
-   - Continue development of audio and video extraction features
-   - Implement additional multimedia support functionalities
-   - Perform detailed testing of new features
-
-3. **Week 7**:
-   - Conduct beta testing with selected users
-   - Gather and analyze beta testing feedback
-   - Make necessary adjustments and improvements
-
-4. **Week 8**:
-   - Finalize all new features and conduct final testing
-   - Prepare for official release
-   - Launch marketing and promotional activities