{"id":31714356,"url":"https://github.com/doctorlai/hex-viewer","last_synced_at":"2025-10-09T01:21:26.057Z","repository":{"id":316936489,"uuid":"1064935198","full_name":"DoctorLai/hex-viewer","owner":"DoctorLai","description":"Simple File Viewer in HEX","archived":false,"fork":false,"pushed_at":"2025-10-05T21:01:45.000Z","size":231,"stargazers_count":2,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-05T22:25:37.541Z","etag":null,"topics":["application","data","files","hacktoberfest","hex-viewer","hexeditor","hexidecimal","web-app"],"latest_commit_sha":null,"homepage":"https://doctorlai.github.io/hex-viewer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DoctorLai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"doctorlai","patreon":"doctorlai","buy_me_a_coffee":"y0BtG5R","thanks_dev":"doctorlai"}},"created_at":"2025-09-26T19:35:02.000Z","updated_at":"2025-10-05T21:01:23.000Z","dependencies_parsed_at":"2025-09-27T18:28:56.195Z","dependency_job_id":null,"html_url":"https://github.com/DoctorLai/hex-viewer","commit_stats":null,"previous_names":["doctorlai/hex-viewer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DoctorLai/hex-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DoctorLai%2Fhex-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DoctorLai%2Fhex-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DoctorLai%2Fhex-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DoctorLai%2Fhex-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DoctorLai","download_url":"https://codeload.github.com/DoctorLai/hex-viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DoctorLai%2Fhex-viewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000725,"owners_count":26082894,"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","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["application","data","files","hacktoberfest","hex-viewer","hexeditor","hexidecimal","web-app"],"created_at":"2025-10-09T01:21:21.523Z","updated_at":"2025-10-09T01:21:26.051Z","avatar_url":"https://github.com/DoctorLai.png","language":"JavaScript","funding_links":["https://github.com/sponsors/doctorlai","https://patreon.com/doctorlai","https://buymeacoffee.com/y0BtG5R","https://thanks.dev/doctorlai"],"categories":[],"sub_categories":[],"readme":"# Hex Viewer App\n[![Hex Viewer (Built, Lint and Test)](https://github.com/DoctorLai/hex-viewer/actions/workflows/ci.yaml/badge.svg)](https://github.com/DoctorLai/hex-viewer/actions/workflows/ci.yaml)\n\nA simple React web app that lets you upload or drag \u0026 drop any file and view its contents in **hexadecimal and ASCII format**. The project supports **dark mode**, is fully tested with Vitest, and can be easily deployed to GitHub Pages.\n\n\u003cimg width=\"879\" height=\"474\" alt=\"image\" src=\"https://github.com/user-attachments/assets/06192443-c137-4d4b-adff-da564644da21\" /\u003e\n\n## Features\n\n- **Hex Viewer**: Displays the hex bytes of a file alongside their ASCII representation, 16 bytes per row.  \n- **Drag \u0026 Drop or Upload**: Easily load files via file input or drag \u0026 drop.  \n- **Dark Mode**: Toggle between light and dark modes for better readability.  \n- **Clean and Intuitive UI**: Hex and ASCII columns are styled for clarity.  \n- **Responsive Design**: Works well on desktop and tablet screens.  \n\n## Live Demo\n\nThe live demo is deployed here:  \n- [GitHub Pages: Hex Viewer](https://doctorlai.github.io/hex-viewer/)\n\n## Installation\n\nTo run the app locally:\n\n1. Clone the repository:\n```bash\n    git clone https://github.com/doctorlai/hex-viewer.git\n    cd hex-viewer\n```\n\n2. Install dependencies:  \n```bash\n    npm install\n```\n\n3. Start the development server:  \n```bash\n    npm run dev\n```\n\n4. Run tests:\n```bash\n    npm run test\n```\n\n5. Format code:\n```bash\n    npm run format     # Check formatting\n    npm run format:fix # Automatically fix formatting\n```\n\n6. Open [http://localhost:5173/](http://localhost:5173/) in your browser.\n\n## Usage\n\n1. Upload a file or drag \u0026 drop it into the app.  \n2. View the file’s **hexadecimal bytes** and **ASCII representation** side by side.  \n3. Toggle **Light/Dark Mode** using the 🌞/🌙 button.  \n4. Scroll to explore the full file content.\n\n## Contributing\n\nContributions are welcome!  \n\n1. Fork the repository.  \n2. Create a feature branch:\n```bash\n    git checkout -b feature-branch\n```\n3. Commit your changes:\n```bash\n    git commit -am 'Add new feature'\n```\n4. Push to your fork:\n```bash\n    git push origin feature-branch\n```\n5. Open a Pull Request.  \n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.\n\n## Extra Documentation\nAI generated document can be found [here](https://deepwiki.com/DoctorLai/hex-viewer)\n\n## Acknowledgments\n\n- Built with ❤️ by [@justyy](https://github.com/doctorlai)  \n- Initial boilerplate provided by ChatGPT.  \n- If you found this tool useful, consider buying me a [coffee](https://justyy.com/out/bmc) ☕ Thank you!  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoctorlai%2Fhex-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdoctorlai%2Fhex-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoctorlai%2Fhex-viewer/lists"}