{"id":21432384,"url":"https://github.com/mikeleo03/classic-cryptography-simulator_frontend","last_synced_at":"2026-05-17T12:05:55.288Z","repository":{"id":224057279,"uuid":"758037715","full_name":"mikeleo03/Classic-Cryptography-Simulator_Frontend","owner":"mikeleo03","description":"Frontend side of simulator for well-known classic cipher algorithms with React Typescript and Golang","archived":false,"fork":false,"pushed_at":"2024-02-21T15:45:09.000Z","size":452,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-16T22:37:50.057Z","etag":null,"topics":["cipher-algorithms","cryptography","golang","react-typescript","shadcn-ui","website"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/mikeleo03.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}},"created_at":"2024-02-15T13:58:12.000Z","updated_at":"2024-04-07T04:54:17.000Z","dependencies_parsed_at":"2024-02-23T14:45:49.484Z","dependency_job_id":null,"html_url":"https://github.com/mikeleo03/Classic-Cryptography-Simulator_Frontend","commit_stats":null,"previous_names":["mikeleo03/classic-cryptography-simulator-frontend","mikeleo03/classic-cryptography-simulator_frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mikeleo03/Classic-Cryptography-Simulator_Frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeleo03%2FClassic-Cryptography-Simulator_Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeleo03%2FClassic-Cryptography-Simulator_Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeleo03%2FClassic-Cryptography-Simulator_Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeleo03%2FClassic-Cryptography-Simulator_Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mikeleo03","download_url":"https://codeload.github.com/mikeleo03/Classic-Cryptography-Simulator_Frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikeleo03%2FClassic-Cryptography-Simulator_Frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33137831,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-17T09:28:26.183Z","status":"ssl_error","status_checked_at":"2026-05-17T09:27:52.702Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["cipher-algorithms","cryptography","golang","react-typescript","shadcn-ui","website"],"created_at":"2024-11-22T23:18:22.565Z","updated_at":"2026-05-17T12:05:55.239Z","avatar_url":"https://github.com/mikeleo03.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔐 Classic Cryptography Simulator\n\u003e Frontend side of Simulator for Well-known Classic Cipher Algorithms with React Typescript and Golang\n\n## General Information\nThis program is created to simulate some popular classic cryptography algorithms built under the web. Dive into the captivating world of classic cryptography with this interactive simulator! Experiment with renowned algorithms like Caesar and Vigenere Ciphers, encrypt messages beyond the alphabet with extended ASCII support, and handle both text snippets and entire files. Decrypt hidden messages, craft your own secret codes, and gain a deeper understanding of this fascinating field. Unleash your inner codebreaker and embark on this intriguing cryptographic journey!\n\n## Project Structure\n```bash\n.\n├─── public\n│   └─── vite.svg\n├─── src\n│   ├─── api\n│   │   └─── index.ts\n│   ├─── assets\n│   │   ├─── icons\n│   │   └─── images\n│   ├─── components\n│   │   ├─── AffineFile\n│   │   ├─── AffineText\n│   │   ├─── AutoKeyVigenereFile\n│   │   ├─── AutoKeyVigenereText\n│   │   ├─── EnigmaFile\n│   │   ├─── EnigmaText\n│   │   ├─── ExtendedVigenereFile\n│   │   ├─── ExtendedVigenereText\n│   │   ├─── HillFile\n│   │   ├─── HillText\n│   │   ├─── Navbar\n│   │   ├─── PlayfairFile\n│   │   ├─── PlayfairMatrix\n│   │   ├─── PlayfairText\n│   │   ├─── Sidebar\n│   │   ├─── StandardVigenereFile\n│   │   ├─── StandardVigenereText\n│   │   ├─── SuperEncryptionFile\n│   │   ├─── SuperEncryptionText\n│   │   ├─── ui\n│   │   └─── index.ts\n│   ├─── lib\n│   │   └─── utils.ts\n│   ├─── pages\n│   │   ├─── Affine\n│   │   ├─── AutoKeyVigenere\n│   │   ├─── Enigma\n│   │   ├─── ExtendedVigenere\n│   │   ├─── Hill\n│   │   ├─── NotFound\n│   │   ├─── Playfair\n│   │   ├─── StandardVigenere\n│   │   ├─── SuperEncryption\n│   │   └─── index.ts\n│   ├─── routes\n│   │   └─── index.ts\n│   ├─── types\n│   │   └─── index.ts\n│   ├─── utils\n│   │   ├─── fileProcessor.tsx\n│   │   ├─── index.tsx\n│   │   ├─── setPage.tsx\n│   │   └─── textProcessor.tsx\n│   ├─── App.css\n│   ├─── App.tsx\n│   ├─── index.css\n│   ├─── main.tsx\n│   └─── vite-env.d.ts\n├─── .env\n├─── .env.example\n├─── .eslintrc.cjs\n├─── .gitignore\n├─── components.json\n├─── index.html\n├─── package-lock.json\n├─── package.json\n├─── postcss.config.js\n├─── README.md\n├─── tailwind.config.js\n├─── tsconfig.json\n├─── tsconfig.node.json\n└─── vite.config.ts\n```\n\n## 🔣 \u0026nbsp;Algorithms\nAlgorithm implemented on backend side. Further implementation of various cipher algorithm stated on [this repository](https://github.com/GoDillonAudris512/Classic-Cryptography-Simulator-Backend)\n\n## ⚙️ \u0026nbsp;How to Compile and Run the Program\nClone this repository from terminal with this command\n``` bash\n$ git clone https://github.com/mikeleo03/Classic-Cryptography-Simulator-Frontend.git\n```\n### Run the application on development server\nCompile and download some required modules by running the following *command*\n``` bash\n$ npm install\n$ npm run dev\n```\nIf you do it correctly, the program should be running on localhost:3000. Don't forget to run the backend side also. Further explanation on how to run the backend development server stated on [this repository](https://github.com/GoDillonAudris512/Classic-Cryptography-Simulator-Backend)\n\n## Available Scripts\nIn the project directory, you can run:\n\n### `npm run dev`\n\nThs runs the app in the development mode.\n\nThe page will reload if you make edits.\u003cbr /\u003e\nYou will also see any lint errors in the console. You can also use the environment by appyling the basic .env configuration on .env.example file.\n\n## 📸 \u0026nbsp;Screenshots\n![demo1](public/Screenshot1.png)\n![demo2](public/Screenshot2.png)\n\n## Authors\n| Name                     |   Role   |  \n| ------------------------ | -------- |\n| Go Dillon Audris         | Back-end Engineer\n| Michael Leon Putra Widhi | Front-end Engineer\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikeleo03%2Fclassic-cryptography-simulator_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikeleo03%2Fclassic-cryptography-simulator_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikeleo03%2Fclassic-cryptography-simulator_frontend/lists"}