{"id":18244055,"url":"https://github.com/prem-acharya/notes-app","last_synced_at":"2025-04-04T13:31:04.143Z","repository":{"id":227031658,"uuid":"770218626","full_name":"prem-acharya/notes-app","owner":"prem-acharya","description":"The Notes App offers a comprehensive solution for organizing and managing your documents effectively. It combines the power of React for a smooth user experience, Google Firebase for secure data storage, Tailwind CSS for responsive design, and Material Icons for intuitive visual elements.","archived":false,"fork":false,"pushed_at":"2025-01-31T08:33:41.000Z","size":3561,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-20T13:33:51.703Z","etag":null,"topics":["breadcrumb","breadcrumb-navigation","document-management-system","filereader","firebase","google-login","react","reactjs","real-time-updates","scan-documents","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/prem-acharya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-03-11T06:50:11.000Z","updated_at":"2025-01-31T08:32:50.000Z","dependencies_parsed_at":"2024-03-11T08:58:30.256Z","dependency_job_id":"5cbf669c-6b0a-4c80-b674-e8381d7297c5","html_url":"https://github.com/prem-acharya/notes-app","commit_stats":null,"previous_names":["prem-acharya/notes-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prem-acharya%2Fnotes-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prem-acharya%2Fnotes-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prem-acharya%2Fnotes-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prem-acharya%2Fnotes-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prem-acharya","download_url":"https://codeload.github.com/prem-acharya/notes-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247184956,"owners_count":20897861,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["breadcrumb","breadcrumb-navigation","document-management-system","filereader","firebase","google-login","react","reactjs","real-time-updates","scan-documents","tailwindcss"],"created_at":"2024-11-05T09:15:20.850Z","updated_at":"2025-04-04T13:31:03.259Z","avatar_url":"https://github.com/prem-acharya.png","language":"JavaScript","readme":"# Notes App\n\nA versatile notes application built with React, Google Firebase, Tailwind CSS, and Material Icons.\n\n## Description\n\nThe Notes App offers a comprehensive solution for organizing and managing your documents effectively. It combines the power of React for a smooth user experience, Google Firebase for secure data storage, Tailwind CSS for responsive design, and Material Icons for intuitive visual elements.\n\n## Features\n\n- **Sign Up and Login:** Utilize React-Toastify for user authentication.\n- **Google Login:** Enable users to log in with their Google accounts.\n- **Preloader:** Enhance user experience with a loading indicator.\n- **Document Management:** Seamlessly store files and folders in a dedicated Document section.\n- **Real-time Updates:** Fetch user files in real-time based on user data.\n- **File Type Recognition:** Identify file types with the FileIcon function.\n- **Browser Rendering:** View PDFs, images, and videos directly on the dashboard without downloading.\n- **Download Functionality:** Allow users to download files/documents from the dashboard.\n- **Upload Progress Bar:** Display a progress bar for file uploads.\n- **FileReader Integration:** Enable file reading across the dashboard.\n- **Folder Creation:** Allow users to create folders for better organization.\n- **Subfolder Support:** Create subfolders and upload files within them.\n- **Breadcrumb Navigation:** Dynamically update breadcrumbs to facilitate folder navigation.\n- **Folder Options Dropdown:** Access various options including download, rename, color coding, and more.\n- **Top Loading Bar:** Enhance user experience with a loading bar at the top of the page.\n- **Starred Documents:** Mark documents as favorites for quick access.\n- **Recent Page:** Display recently opened files for easy retrieval.\n- **Scan Document Feature:** Capture, crop, and filter images to upload as scan documents.\n- **Search Functionality:** Search documents and related information.\n- **Keyword Extraction:** Extract keywords from images for quick search on Google.\n- **Sorting Options:** Sort files and folders based on various criteria.\n- **File URL Sharing:** Copy file URLs for sharing purposes.\n\n## Technology Stack\n\n- **Technologies:** React, Google Firebase, Tailwind CSS\n- **Notification:** React-Toastify\n- **Icons:** Material Icons\n\n## Installation\n\n1. Clone the repository.\n2. Install dependencies using `npm install`.\n3. Configure Firebase credentials.\n4. Start the development server with `npm start`.\n   \n## Preview of Notes App\n\n1. Login Page\n   ![Picture1](https://github.com/prem-acharya/notes-app/assets/102874190/80d43dad-a6da-4b8f-bc37-841d3e4aa4d6)\n   \n2. Sign Up Page\n   ![Picture2](https://github.com/prem-acharya/notes-app/assets/102874190/ecefe931-bce8-4b14-bae7-92a5e3346bd8)\n   \n3. Documents page\n   ![Picture3](https://github.com/prem-acharya/notes-app/assets/102874190/dbe7a14e-be53-41ea-b760-492f31bf79ba)\n\n4. View Document\n   ![Picture4](https://github.com/prem-acharya/notes-app/assets/102874190/501882ab-fc23-4106-a7e9-e333b8ff7b4b)\n\n5. Camera page\n   ![Picture5](https://github.com/prem-acharya/notes-app/assets/102874190/f40cfb77-7e84-4cb1-bfbb-61cd03d1b8c6)\n\n6. Scan Documents page\n   ![Picture6](https://github.com/prem-acharya/notes-app/assets/102874190/48bc342d-88c3-4cf6-8199-1a52f9e37663)\n\n7. Starred Documents page\n   ![Picture7](https://github.com/prem-acharya/notes-app/assets/102874190/48b401d8-7e18-4591-925d-ae466b4c552e)\n\n8. Related Info page\n   ![Picture8](https://github.com/prem-acharya/notes-app/assets/102874190/9f3f89fb-fbbb-40b2-8828-e7855838d020)\n\n10. Recent Documents page\n    ![Picture9](https://github.com/prem-acharya/notes-app/assets/102874190/b98f0943-f934-45a7-886d-63ecee8ba760)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprem-acharya%2Fnotes-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprem-acharya%2Fnotes-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprem-acharya%2Fnotes-app/lists"}