{"id":15403340,"url":"https://github.com/geekelo/recalc-webapp","last_synced_at":"2026-02-06T04:33:14.081Z","repository":{"id":180727730,"uuid":"665516261","full_name":"geekelo/recalc-webapp","owner":"geekelo","description":"The ReCalc WebApp aims to provide users with a user-friendly and efficient calculator tool accessible through their web browser. React JS, known for its simplicity and component-based architecture, allows for the creation of interactive and responsive user interfaces, making it an ideal choice for this project.","archived":false,"fork":false,"pushed_at":"2024-06-05T13:48:35.000Z","size":2707,"stargazers_count":3,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-07-18T19:14:30.039Z","etag":null,"topics":["reactjs","rest-api","spa"],"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/geekelo.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-12T11:29:12.000Z","updated_at":"2024-06-07T19:35:00.000Z","dependencies_parsed_at":"2023-12-23T20:51:12.666Z","dependency_job_id":"ab0dac04-50de-4d05-8f72-ca60fdbb032f","html_url":"https://github.com/geekelo/recalc-webapp","commit_stats":{"total_commits":35,"total_committers":2,"mean_commits":17.5,"dds":0.02857142857142858,"last_synced_commit":"5b2ac1fbb961393f551cb750fd311c072cc9bf14"},"previous_names":["geekelo/recalc-webapp"],"tags_count":0,"template":false,"template_full_name":"microverseinc/readme-template","purl":"pkg:github/geekelo/recalc-webapp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Frecalc-webapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Frecalc-webapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Frecalc-webapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Frecalc-webapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geekelo","download_url":"https://codeload.github.com/geekelo/recalc-webapp/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Frecalc-webapp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29150697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-06T02:39:25.012Z","status":"ssl_error","status_checked_at":"2026-02-06T02:37:22.784Z","response_time":59,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["reactjs","rest-api","spa"],"created_at":"2024-10-01T16:07:43.309Z","updated_at":"2026-02-06T04:33:14.065Z","avatar_url":"https://github.com/geekelo.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     \u003cimg src=\"https://geekelo.com.ng/wp-content/uploads/2023/12/project-signature1.gif\" alt=\"signature\" \u003e\n\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003e\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\n- [📗 Table of Contents](#-table-of-contents)\n- [📖THE RECALC WEBAPP](#the-recalc-webapp)\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 ](#deployment-)\n  - [👥 Authors ](#-authors-)\n  - [👥 Contributor ](#-contributor-)\n  - [🤝 Contributing ](#-contributing-)\n  - [Future Features ](#future-features-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n![image](https://github.com/geekelo/recalc-webapp/assets/102464578/1d6b148a-cf29-4b58-aaa9-f92c7e7e8fa5)\n\n# 📖THE RECALC WEBAPP\u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**The RECALC WebApp** is a single-page application developed using React JS technology. It aims to provide users with a user-friendly and efficient calculator tool accessible through their web browser. React JS, known for its simplicity and component-based architecture, allows for the creation of interactive and responsive user interfaces, making it an ideal choice for this project.\n\nHead to the \u003ca href=\"#live-demo\"\u003eLIVE DEMO SECTION\u003c/a\u003e for Live links and presentations\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\u003cdetails\u003e\n  \u003csummary\u003eES6\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://hacks.mozilla.org/2015/04/es6-in-depth-an-introduction/\"\u003eES6 stands for ECMAScript 6. ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript, it was published in 2015, and is also known as ECMAScript 2015.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eHTML\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eCSS\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS describes how elements should be rendered on screen, on paper, in speech, or on other media.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eJavaScript\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eREACT\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://create-react-app.dev/docs/getting-started\"\u003eCreate React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Mobile Friendly** : this website performs well on a mobile device like a phone or tablet.\n- **Desktop Friendly**: this website is responsive to desktop screen sizes.\n- **Simple and Attractive Design** : the UI / UX is engaging and appealing.\n- **Functional** : this website is accessible, easy to navigate, and helpful for users.\n- **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.\n\u003c!-- - ** PopUp windows **: this features add to see the project details about each project in popup windows.\n-  ** Form validation **: this features validate the email should be lowercase for portfolio contact. --\u003e\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 View the live demo of this project by clicking the text below.\n\n- [See Live Demo via Github pages](https://geekelo.github.io/recalc-webapp/)\n- [See Live Demo via Render](https://recalc-webapp.onrender.com/)\n\u003c!-- - [First Presenation Video](https://www.loom.com/share/719c333faa524c5db6930878f33b809b) --\u003e\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\nTo get a local copy up and running, follow these steps.\n\n\u003e Clone the repository\n```\ngit clone https://github.com/geekelo/recalc-webapp.git\n```\n\u003e And you are ready to begin your project\n\n### Setup \u003ca name=\"setup\"\u003e\u003c/a\u003e\nThis project contains\nAn HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage\nA CSS FILE (free to edit) - file that contains css codes to style the webpage\nA GIT IGNORE FILE (free to edit) - to hide personal or private files\nHTML/CSS LINTER FILES (should not edit) - Do not make changes\nA JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML\n\n### Prerequisites \u003ca name=\"prerequisites\"\u003e\u003c/a\u003e\n\u003e You should have Node and Git Installed\n\u003e You should have basic knowledge on HTML / CSS / JavaScript\n\u003e You should have a code editor\n\n### Install \u003ca name=\"install\"\u003e\u003c/a\u003e\n\n\u003e Download install [VSCODE](https://code.visualstudio.com/) and [Git](https://git-scm.com/)\n\u003e To install linters, execute the following commands:\n```\nInitialize npm | ``` npminit -y ```\nHTML | ``` npm install --save-dev hint@7.x ```\nCSS | ```npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x  ```\n```\n### Usage \u003ca name=\"usage\"\u003e\u003c/a\u003e\nTo run the linters, execute the following command and fix linter errors:\n```\nHTML | ``` npx hint . ```\nCSS | ```npx stylelint \"**/*.{css,scss}\" ```\nIf you get a flood of errors keep in mind that linters guide you in writing a clean code!\n```\n### Run Tests \u003ca name=\"run-tests\"\u003e\u003c/a\u003e\nYou can run this program on your browser\n\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using the following procedure:\n\n- Pick the right hosting provider.\n- Choose the tool and method to upload your website.\n- Upload files to your website.\n- Move the website files to the main root folder.\n- Import your database.\n- Check if your website works worldwide.\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\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n👤 **Eloghene Otiede**\n\n- GitHub: [@geekelo](https://github.com/geekelo)\n- Twitter: [@Geekelo_xyz](https://twitter.com/Geekelo_xyz)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/eloghene-otiede)\n\u003c!-- - [See Documentation of Author's inputs](./Documentation/Geekelo-input.md) --\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- Contributor --\u003e\n\n## 👥 Contributor \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Robert Mbugua**\n\n- GitHub: [@Kanyorok](https://github.com/Kanyorok)\n- Twitter: [@CarlosMbugua](https://twitter.com/CarlosMbugua)\n- LinkedIn: [Robert Mbugua](https://www.linkedin.com/in/robert-mbugua-a8745093/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nYou can offer Contributions, submit an [issue](../../issues/), and make a feature request.\n\n## Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- Add pop up modals\n- Add the contact form \n- Add more content pages\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\u003e Please give a ⭐️ to support this project\n\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 I would like to thank Microverse for inspiring this project\n\u003e Fonts: [Google Fonts](https://fonts.google.com/)\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](./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%2Fgeekelo%2Frecalc-webapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeekelo%2Frecalc-webapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Frecalc-webapp/lists"}