{"id":19505083,"url":"https://github.com/alejandroq12/runner-tracker","last_synced_at":"2026-04-11T02:55:36.371Z","repository":{"id":177674193,"uuid":"660738024","full_name":"Alejandroq12/runner-tracker","owner":"Alejandroq12","description":"This full-stack application, developed using PostgreSQL, Node.js, React.js, Heroku, Tachyons, and JWT, enables users to log and monitor their running activities. Specifically, it allows for the tracking and storage of both the duration and distance covered during each run.","archived":false,"fork":false,"pushed_at":"2024-03-10T05:24:13.000Z","size":4080,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-01-08T10:45:48.388Z","etag":null,"topics":["heroku","javascript","jwt","reactjs","tachyons"],"latest_commit_sha":null,"homepage":"https://running-track-acf8bf94dcd3.herokuapp.com/","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/Alejandroq12.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-06-30T18:05:39.000Z","updated_at":"2024-03-10T04:38:55.000Z","dependencies_parsed_at":"2023-10-12T04:42:36.641Z","dependency_job_id":"c20de88f-d4b3-4875-acb0-5fc5df95b4a3","html_url":"https://github.com/Alejandroq12/runner-tracker","commit_stats":null,"previous_names":["alejandroq12/smart-recognition"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Frunner-tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Frunner-tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Frunner-tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Frunner-tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alejandroq12","download_url":"https://codeload.github.com/Alejandroq12/runner-tracker/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240754368,"owners_count":19852189,"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":["heroku","javascript","jwt","reactjs","tachyons"],"created_at":"2024-11-10T22:28:20.332Z","updated_at":"2026-04-11T02:55:31.350Z","avatar_url":"https://github.com/Alejandroq12.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Runner Tracker Front-end\r\n\r\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n  \u003cimg src=\"logo-julio.png\" alt=\"main-logo\" width=\"500\"  height=\"auto\" /\u003e\u003cbr/\u003e\r\n  \u003cbr/\u003e\r\n  \u003ch3\u003e\u003cb\u003eRunner Tracker Front-end\u003c/b\u003e\u003c/h3\u003e\r\n\u003c/div\u003e\r\n\r\n\u003c!-- TABLE OF CONTENTS --\u003e\r\n\r\n# 📗 Table of Contents\r\n\r\n- [Runner Tracker Front-end](#runner-tracker-front-end)\r\n- [📗 Table of Contents](#-table-of-contents)\r\n- [Runner Tracker Front-end ](#runner-tracker-front-end-)\r\n  - [🛠 Built With ](#-built-with-)\r\n    - [Tech Stack ](#tech-stack-)\r\n    - [Key Feature ](#key-feature-)\r\n  - [🚀 Live Demo ](#-live-demo-)\r\n  - [💻 Getting Started ](#-getting-started-)\r\n    - [Prerequisites](#prerequisites)\r\n    - [Setup](#setup)\r\n    - [Install](#install)\r\n    - [Usage](#usage)\r\n    - [Run tests](#run-tests)\r\n    - [Deployment ](#deployment-)\r\n  - [👥 Author ](#-author-)\r\n  - [🔭 Future Features ](#-future-features-)\r\n  - [🤝 Contributing ](#-contributing-)\r\n  - [⭐️ Show your support ](#️-show-your-support-)\r\n  - [🙏 Acknowledgments ](#-acknowledgments-)\r\n  - [❓ FAQ ](#-faq-)\r\n  - [📝 License ](#-license-)\r\n\r\n\u003c!-- PROJECT DESCRIPTION --\u003e\r\n\r\n# Runner Tracker Front-end \u003ca name=\"about-project\"\u003e\u003c/a\u003e\r\n\r\nThis full-stack application, developed using PostgreSQL, Node.js, React.js, Heroku, Tachyons, and JWT, enables users to log and monitor their running activities. Specifically, it allows for the tracking and storage of both the duration and distance covered during each run. Designed for runners seeking a comprehensive view of their training progress, the app provides an intuitive and user-friendly interface to input and review their activity metrics effectively.\r\n\r\n[Runner Tracker Back-end -- Source code](https://github.com/Alejandroq12/runner-tracker-backend)\r\n\r\n\u003cdiv align=\"center\"\u003e\r\n    \u003cimg src=\"./public/logo.png\" alt=\"logo\" width=\"500\"  height=\"auto\" /\u003e\r\n    \u003cimg src=\"./public/logo2.png\" alt=\"logo\" width=\"500\"  height=\"auto\" /\u003e\r\n    \u003cimg src=\"./public/logo3.png\" alt=\"logo\" width=\"500\"  height=\"auto\" /\u003e\r\n\u003c/div\u003e\r\n\r\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\r\nHTML,\r\nCSS,\r\nJavaScript,\r\nReact.js\r\n\r\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eClient\u003c/summary\u003e\r\n  \u003cul\u003e\r\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://react.dev/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\r\n  \u003c/ul\u003e\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eBack-end\u003c/summary\u003e\r\n  \u003cul\u003e\r\n    \u003cli\u003e\u003ca href=\"https://nodejs.org/en\"\u003eNode.js\u003c/a\u003e\u003c/li\u003e\r\n    \u003cli\u003e\u003ca href=\"https://expressjs.com/\"\u003eExpress.js\u003c/a\u003e\u003c/li\u003e\r\n  \u003c/ul\u003e\r\n\u003c/details\u003e\r\n\r\n\u003cdetails\u003e\r\n  \u003csummary\u003ePackage Manager\u003c/summary\u003e\r\n  \u003cul\u003e\r\n    \u003cli\u003e\u003ca href=\"https://www.npmjs.com/\"\u003enpm\u003c/a\u003e\u003c/li\u003e\r\n  \u003c/ul\u003e\r\n\u003c/details\u003e\r\n\u003cdetails\u003e\r\n  \u003csummary\u003eLinters\u003c/summary\u003e\r\n  \u003cul\u003e\r\n      \u003cli\u003e\u003ca href=\"https://eslint.org/\"\u003eESLint\u003c/a\u003e\u003c/li\u003e\r\n      \u003cli\u003e\u003ca href=\"https://stylelint.io/\"\u003eStylelint\u003c/a\u003e\u003c/li\u003e\r\n  \u003c/ul\u003e\r\n\u003c/details\u003e\r\n\r\n\u003c!-- Features --\u003e\r\n\r\n### Key Feature \u003ca name=\"key-features\"\u003e\u003c/a\u003e\r\n\r\n- **It tracks training progress.**\r\n- **It shows progress with a graph to let the user visually see improvements.**\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- LIVE DEMO --\u003e\r\n\r\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\r\n\r\n[Live Demo Link](https://running-track-acf8bf94dcd3.herokuapp.com)\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- GETTING STARTED --\u003e\r\n\r\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\r\n\r\nTo get a local copy up and running, follow these steps.\r\n\r\n### Prerequisites\r\n\r\nIn order to run this project you need:\r\n\r\n- A web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).\r\n- An IDE e.g [Visual studio code](https://code.visualstudio.com/).\r\n- `node` should be installed in your local machine, [node website](https://nodejs.org/en/download/).\r\n- Install the `npm` package manager use this [to install both node and npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).\r\n- [A terminal](https://code.visualstudio.com/docs/terminal/basics).\r\n\r\n### Setup\r\n\r\nClone this repository to your desired folder or download the Zip folder:\r\n\r\nUse the following command to clone this project:\r\n```\r\ngit clone https://github.com/Alejandroq12/runner-tracker.git\r\n\r\n```\r\n\r\n- Navigate to the location of the folder in your machine:\r\n\r\n**``you@your-Pc-name:~$ cd runner-tracker``**\r\n\r\n### Install\r\n\r\nTo install all dependencies, run:\r\n\r\n```\r\nnpm install\r\n```\r\n\r\n### Usage\r\n\r\nTo run the project, follow these instructions:\r\n\r\n- After Cloning this repo to your local machine.\r\n\r\n- You must use `npm run start:dev` command in terminal to run this at the localhost.\r\n\r\n- Make sure that you are also running the back-end [Runner Tracker Back-end -- Source code](https://github.com/Alejandroq12/runner-tracker-backend)\r\n- \r\n### Run tests\r\n\r\nTests are noy ready but you may run linters to check certain errors:\r\n\r\n- Track CSS linter errors run:\r\n```\r\nnpx stylelint \"**/*.{css,scss}\"\r\n```\r\n- Track JavaScript linter errors run:\r\n```\r\nnpx eslint \"**/*.{js,jsx}\"\r\n```\r\n\r\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\r\n\r\nYou can deploy this project using: Netlify, Render, Heroku or GitHub Pages,\r\n- I am using Heroku to deploy it.\r\n- For more information about deployment on Heroku see \"[Heroku](https://www.heroku.com/what)\".\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- AUTHORS --\u003e\r\n\r\n## 👥 Author \u003ca name=\"authors\"\u003e\u003c/a\u003e\r\n\r\n👤 **Julio Quezada**\r\n\r\n- GitHub: [Alejandroq12](https://github.com/Alejandroq12)\r\n- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)\r\n- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- FUTURE FEATURES --\u003e\r\n\r\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\r\n\r\n- [ ] **I will improve security.**\r\n- [ ] **I will improve performance.**\r\n- [ ] **I will reuse some React.js components to avoid repetition.**\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- CONTRIBUTING --\u003e\r\n\r\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\r\n\r\nContributions, issues, and feature requests are welcome!\r\n\r\nFeel free to check the [issues page](../../issues/).\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- SUPPORT --\u003e\r\n\r\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\r\n\r\nIf you like this project give me a star ⭐️.\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\r\n\r\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\r\n\r\nI want to thank all my colleagues that share knowledge with and inspired to to improve each day.\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- FAQ  --\u003e\r\n\r\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\r\n\r\n- **What did you learned?**\r\n\r\n  - Through developing this full-stack application, I gained hands-on experience in integrating PostgreSQL, Node.js, React.js, and JWT for secure and effective data handling and user authentication. I learned to deploy applications seamlessly using Heroku and employed Tachyons for rapid, responsive design. This project improved my skills in creating a tracking system, specifically created for runners, to monitor the duration and distance of their activities, enhancing their training progress with an intuitive and user-friendly interface.\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- LICENSE --\u003e\r\n\r\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\r\n\r\nThis project is [LICENSE](./LICENSE) licensed.\r\n\r\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%2Falejandroq12%2Frunner-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falejandroq12%2Frunner-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Frunner-tracker/lists"}