{"id":23205796,"url":"https://github.com/pablobona/math-magicians","last_synced_at":"2025-08-11T02:04:36.572Z","repository":{"id":178435156,"uuid":"661850067","full_name":"PabloBona/Math-Magicians","owner":"PabloBona","description":" \"Math Magicians\" is an interactive React website designed for mathematics enthusiasts. It serves as a Single Page App (SPA) where users can perform basic calculations and explore random quotes related to mathematics.","archived":false,"fork":false,"pushed_at":"2023-07-17T04:20:53.000Z","size":1099,"stargazers_count":7,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-04-23T23:51:36.797Z","etag":null,"topics":["boostrap","design","javascript","layout","mathematics","react"],"latest_commit_sha":null,"homepage":"https://math-magicians-bonpa.netlify.app/","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/PabloBona.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":"2023-07-03T19:54:23.000Z","updated_at":"2023-09-27T17:32:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0a75f2a-0361-490f-81f8-5789e5f6a8eb","html_url":"https://github.com/PabloBona/Math-Magicians","commit_stats":null,"previous_names":["pablobona/math-magicians"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/PabloBona/Math-Magicians","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PabloBona%2FMath-Magicians","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PabloBona%2FMath-Magicians/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PabloBona%2FMath-Magicians/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PabloBona%2FMath-Magicians/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PabloBona","download_url":"https://codeload.github.com/PabloBona/Math-Magicians/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PabloBona%2FMath-Magicians/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269819032,"owners_count":24480087,"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-08-11T02:00:10.019Z","response_time":75,"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":["boostrap","design","javascript","layout","mathematics","react"],"created_at":"2024-12-18T16:46:02.941Z","updated_at":"2025-08-11T02:04:36.519Z","avatar_url":"https://github.com/PabloBona.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n \u003cbr\u003e\n \u003ch1 style=\"color:rgb(87, 247, 255);border: 3px solid rgb(87, 247, 255);\"\u003eMath Magicians\u003c/h1\u003e\n \u003cbr\u003e\n\u003c/div\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 10px;\"\u003e\n  \u003cimg src=\"./public/screen_1.png\" alt=\"\" style=\"max-width: 300px;\" /\u003e\n  \u003cimg src=\"./public/screen_2.png\" alt=\"\" style=\"max-width: 300px;\" /\u003e\n  \u003cimg src=\"./public/screen_3.png\" alt=\"\" style=\"max-width: 300px;\" /\u003e\n\u003c/div\u003e\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 Math Magicians (Math-Magicians)](#Math-Magicians)\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    - [Install](#-install)\n    - [Usage](#-usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-author-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ (OPTIONAL) ](#-faq-optional-)\n  - [📝 License ](#-license-)\n \n\u003c!-- PROJECT DESCRIPTION --\u003e\n\u003cbr\u003e\n\n# 📖 Math Magicians (Math-Magicians) \u003ca name=\"Math-Magicians\"\u003e\u003c/a\u003e\n\n \"Math Magicians\" is an interactive React website designed for mathematics enthusiasts. It serves as a Single Page App (SPA) where users can perform basic calculations and explore random quotes related to mathematics.\n\u003cbr\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\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\nThe following stacks were used\n\n\u003cdetails style=\"color:rgb(87, 247, 255);\"\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavascript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"hhttps://create-react-app.dev/\"\u003eCreate React App\u003c/a\u003e\u003c/li\u003e\n \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **ReactJS library**\n- **Using JSX syntax**\n- **Unit test with jest**\n- **Boostrap**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\u003ca href=\"https://math-magicians-bonpa.netlify.app/\"\u003eLive Demo\u003c/a\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\u003cbr\u003e\n\n# 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\nClone this repository to your desired folder:\n\nExample commands:\n\n```bash\n  git clone git@github.com:PabloBona/Math-Magicians.git\n```\n\u003cbr\u003e\n\n# 📖 Install\n\nInstall this project's dependencies with:\n```\ncd Math-Magicians\nnpm install\n```\n\n\u003cbr\u003e\n\n# 📖 Usage\n\nTo run the project, execute the following command:\n\n```bash\n npm run start\n```\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n\u003cbr\u003e\n\n# Run tests\n\n```bash\n  npm test\n```\n\n\u003cbr\u003e\n\n# 📖 Run linterns tests\n\nIf you follow the tutorial above to setup linters then you can run these tests\n\n```$\n  npx hint .\n```\n\n```$\n  npx stylelint \"**/*.scss\"\n```\n\nor if you use css then run this instead of the latter command above\n\n```$\n  npx stylelint \"**/*.{css,scss}\"\n```\n\n\u003cbr\u003e\n\n# Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### `npm run eject`\n\n**Note: this is a one-way operation. Once you `eject`, you can't go back!**\n\n### Deployment\n\nYou can deploy this project using: GitHub Pages or Netlify\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### 👥 Author \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\n- 👤 **Pablo Bonasera**\n\n  - GitHub: [@BonPa](https://github.com/PabloBona)\n  - LinkedIn: [Pablo Bonasera](https://www.linkedin.com/in/pablo-bonasera-142327257/)\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- [ ] **Customizable notifications and alerts**\n- [ ] **Multilingual support**\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](https://github.com/PabloBona/Math-Magicians/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\nIf you like this project you can follow me on github for more.\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- We would like to express our heartfelt gratitude to Microvere for the invaluable learning experience they have provided. The supportive community, dedicated mentors, and remote collaboration opportunities have enhanced my technical skills and prepared me for real-world projects.\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## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Are the linters necessary?**\n\n  - It is a good practice to install and use them as they guide you towards best practice, but yes you can do without.\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](https://github.com/PabloBona/Math-Magicians/blob/setup/create-react-linterns/MIT.md) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpablobona%2Fmath-magicians","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpablobona%2Fmath-magicians","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpablobona%2Fmath-magicians/lists"}