{"id":24462343,"url":"https://github.com/tsohledev/math-magicians","last_synced_at":"2026-05-06T06:38:38.710Z","repository":{"id":67884091,"uuid":"587121178","full_name":"tsohleDev/Math-Magicians","owner":"tsohleDev","description":"Math magicians is a front end only web app created with React to compute simple arithmetic expressions using a interactive calculator in DOM","archived":false,"fork":false,"pushed_at":"2023-01-20T13:34:47.000Z","size":360,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-01-21T04:32:20.264Z","etag":null,"topics":["react"],"latest_commit_sha":null,"homepage":"","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/tsohleDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2023-01-10T02:14:10.000Z","updated_at":"2023-06-30T17:55:59.000Z","dependencies_parsed_at":null,"dependency_job_id":"fbd5206e-b49e-4d50-a8f7-725ec6471f67","html_url":"https://github.com/tsohleDev/Math-Magicians","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsohleDev%2FMath-Magicians","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsohleDev%2FMath-Magicians/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsohleDev%2FMath-Magicians/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsohleDev%2FMath-Magicians/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tsohleDev","download_url":"https://codeload.github.com/tsohleDev/Math-Magicians/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243559898,"owners_count":20310817,"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":["react"],"created_at":"2025-01-21T04:32:14.403Z","updated_at":"2025-11-08T04:03:49.608Z","avatar_url":"https://github.com/tsohleDev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!--\nHOW TO USE:\nThis is an example of how you may give instructions on setting up your project locally.\n\nModify this file to match your project and remove sections that don't apply.\n\nREQUIRED SECTIONS:\n- Table of Contents\n- About the Project\n  - Built With\n  - Live Demo\n- Getting Started\n- Authors\n- Future Features\n- Contributing\n- Show your support\n- Acknowledgements\n- License\n\nOPTIONAL SECTIONS:\n- FAQ\n\nAfter you're finished please remove all the comments and instructions!\n--\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --\u003e\n  \u003c!-- \u003cimg src=\"murple_logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e --\u003e\n\n  \u003ch3\u003e\u003cb\u003eMath Magicians\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Math Magicians \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e About this repository\n\n**Math MAgicians** is a front end only web app created with React to compute simple arithmetic expressions using a interactive calculator in DOM\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e My stack is consists only of the client side framework\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- \u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://expressjs.com/\"\u003eExpress.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.postgresql.org/\"\u003ePostgreSQL\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e --\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e Describe between 1-3 key features of the application.\n\n- **[SPA]**\n- **[Make arithmetic calculations]**\n- **[Read math qoutes]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e Add a link to your deployed project.\n\n- [Live Demo Link](https://tsohle.me/Math-Magicians)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\u003e How to clone and use this project project.\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n-A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)\n\n-VSCode or any other equivalent code editor\n\n-Node Package Manager (For running, debuging, or installing dependancies to be used)\n\nnode and npm:\n\n-Linux\n```sh\n  sudo apt install nodejs npm\n```\n-windows \n\n[download and install](https://nodejs.org/en/)\n\n### Setup\n\nClone this repository to your desired folder:\n\n- Open the command prompt in the created directory.\n\n- On the terminal run this command \n```sh\ngit clone https://github.com/tsohleDev/Math-Magicians.git\n```\n\n- Go to the repository folder using command prompt\n```sh\n cd Math-Magicians\n```\n\n### Install\n\nInstall this project with:\n\n```sh\n run npm install\n```\n\n### Usage\n\nTo run the project, execute the following command:\n\n```sh\nnpm start\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\n\n```sh\n  npm run watch\n```\n-\n\n### Deployment\n\nYou can deploy this project using:\n\n- To start run \n```sh\n  npm run publish\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e All of the collaborators of this project.\n\n👤 **Tsohle Mokhemisi**\n\n- GitHub: [@githubhandle](https://github.com/tsohleDev2)\n- Twitter: [@twitterhandle](https://twitter.com/RealTsohle)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/tsohle-mokhemisi-3687401b2/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e Describe 1 - 3 features you will add to the project.\n\n- [ ] **[Make the calculator scientific]**\n\u003c!-- - [ ] **[new_feature_2]**\n- [ ] **[new_feature_3]** --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e To support this project\n\nGive a ⭐️ if you like this project!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\u003e Credits to everyone who inspired the codebase.\n\nI would like to thank [Microverse](https://microverse.org) for the great content\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n\u003c!-- ## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003e Add at least 2 questions new developers would ask when they decide to use your project.\n\n- **[Question_1]**\n\n  - [Answer_1]\n\n- **[Question_2]**\n\n  - [Answer_2] --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsohledev%2Fmath-magicians","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftsohledev%2Fmath-magicians","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsohledev%2Fmath-magicians/lists"}