重构拖拉机

  • e0_510995
    了解作者
  • 197.1KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-28 22:21
    上传日期
FitLit生活方式追踪器 安装说明: 安装API 转到并复制代码,或复制以下代码: :turingschool-examples / fitlit-api.git git clone并粘贴代码 cd进入新文件夹 运行npm install然后npm start 复制此存储库的代码,并在控制台中git clone 。 CD放入新文件夹。 运行npm install然后npm start 在浏览器中:导航到 用户说明: 作为用户,您可以选择要查看哪种类型的信息,因为有很多可用的信息。 您的统计信息可以与其他用户互动,您可以查看自己的平均值及其与他人的比较,从而使您有机会挑战自己,以克服平庸,甚至与众不同并超越曲线。 从主页开始,您将看到您的用户部分和交互式的图表网格。 根据您的兴趣选择一个。 该应用程序的三个主要类别可以被视为活动,水合和睡眠。 在每个图形中,显示为网格
Refactor-Tractor-main.zip
  • Refactor-Tractor-main
  • .eslintrc
    937B
  • gh-pages-procedure.md
    2.3KB
  • package.json
    1004B
  • .github
  • pull_request_template.md
    578B
  • test
  • activity-test.js
    11.4KB
  • sleep-test.js
    4.7KB
  • user-test.js
    1.7KB
  • hydration-test.js
    3.5KB
  • userrepo-test.js
    6KB
  • package-lock.json
    362.7KB
  • src
  • css
  • style.scss
    10.4KB
  • reset.scss
    1.1KB
  • _variables.scss
    178B
  • base.scss
    148B
  • User-repo.js
    3.2KB
  • scripts.js
    15.4KB
  • index.js
    505B
  • images
  • person walking on path.jpg
    66.1KB
  • bed-solid.svg
    529B
  • The Rock.jpg
    9.4KB
  • walking-solid.svg
    1015B
  • tint-solid.svg
    520B
  • APICalls.js
    1.6KB
  • index.html
    12KB
  • Activity.js
    2.2KB
  • User.js
    543B
  • Sleep.js
    1.6KB
  • Hydration.js
    1.1KB
  • PostData.js
    1.6KB
  • .gitignore
    1.1KB
  • test_data
  • sleep-data.js
    3.5KB
  • activity-data.js
    2.8KB
  • users-data.js
    1.3KB
  • hydration-data.js
    1.3KB
  • webpack.config.js
    961B
  • README.md
    4.7KB
内容介绍
# FitLit Lifestyle Tracker --- Instructions for install: 1. Install the API * Go to [fitlit repo](https://github.com/turingschool-examples/fitlit-api) & copy code OR copy this: git@github.com:turingschool-examples/fitlit-api.git * ``` git clone``` and paste code * ```cd``` into new folder * run ```npm install``` then ```npm start``` 2. Copy this Repo's code and ```git clone``` the Repo in your console. * ```CD``` into the new folder. * run ```npm install``` then ```npm start``` 3. In your browser: navigate to [host](http://localhost:8080/) ## User Instructions: 1. As the user, there are many options of what kind of information you would like to see, as there is much available to you. Your stats can interact with other users and you can see your averages and how they compare to theirs, giving you the opportunity to challenge yourself to overcome mediocrity, or to even set yourself apart and get ahead of the curve. 2. Beginning from the main page, you will see your user section and a grid of charts that are interactive. Pick one based on your interest at the time. The three main categories of this app can be thought of as Activity, Hydration and Sleep. 3. Within each graph, the option for displaying as a grid will give you the opportunity to see this information and GRID more in a way where it will be easier to differentiate averages and goals with other users. 4. Enter Daily Activity: You may enter your activities, hydration, and sleep for the day: * Click your photo at the top right. * Enter all fields with numbers. * Click "Submit Activities Update" Button * This will be added to your account and tallied up with all data for your reference. You may want to add a stair climb (measured by flights) or your step reading off of your step tracker (make sure your stride length is accounted for so we can calculate miles more accurately). Each field should let you know units to enter. Note: when entering units of water make your measurement of intake in ounces. 5. You have a step goal that you should try to complete every day so stay on track in entering this information so that you can see your development over time. Your weekly data reflects any information you have about that week regarding your activities, sleep or how much water intake you logged throughout that week. **Screenshot of the main dashboard:** ![Screen Shot 2021-03-03 at 1 32 48 PM](https://user-images.githubusercontent.com/72054706/109868661-27e6bf80-7c25-11eb-90a7-eab43cfddc43.png) **Dashboard on Mobile:** ![productDemo](https://user-images.githubusercontent.com/72054706/109869724-7b0d4200-7c26-11eb-9897-d5ab46f72c8e.gif) --- ### Learning and Development This project has challenged our team in many ways and utilizes technologies that are new to us. Some of these are: * Webpack - [Webpack](https://webpack.js.org/) - [Academind](https://www.youtube.com/watch?v=HNRt0lODCQM) * sass stylings - [SASS](https://sass-lang.com/) * JS Charting - [JSCharting](https://jscharting.com/) * Promise.all - [Promise.all on MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all) * API/localhost - [with node](https://medium.com/chaya-thilakumara/how-to-create-a-local-api-server-rest-api-for-testing-945bbb2d31b7) --- ### Technologies <br><img src="https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E"/><br> <img src="https://img.shields.io/badge/css%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/><br> <img src="https://img.shields.io/badge/sass%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white"/><br> <img src="https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> <img src="https://img.shields.io/badge/webpack%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white"/> * npm 6.14.8 (package manager) * Mocha ^6.1.4 (test framework) * Chai ^4.2.0 (assertion library) * Webpack ^4.31.0 * css-loader ^5.0.1 * node-sass ^5.0.0 * sass-loader ^2.0.0 * JSCharting ^3.0.2 (dependency providing chart functionality) --- ### Credits --- * Josh Aragon -> [view josharagon on Github](github.com/josharagon) * Paige Vannelli -> [view PaigeVannelli on Github](github.com/PaigeVannelli) * Cameron Mackintosh -> [view cameronmackintosh on Github](github.com/cbmackintosh) * Chuck Morris -> [view percworld on Github](github.com/percworld) --- #### Project part of curriculum at Turing School of Software Design - #### Future updates may include: * a page for challenges between friends involving the Activity class. * further error handling of responses that deals with any potential issue * update for potential data security issues and secure login
评论
    相关推荐
    • reactjournal:重构React日志
      交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且...
    • Heroku代码重构
      交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...
    • 爱花朵背单词 v3.1.zip
      2.0对界面及交互进行了优化和重构,使用了几种不同的蓝灰色色系,此举可最大程度保持整个界面的简洁和优雅。同时,优化了"每日一句""单词拼写"等功能,对软件的易用性进行了大大优化。 三、新增真人例句发音,告别...
    • tiny-graphics-js:Tiny Graphics WebGL库
      tiny-graphics-js库重构了WebGL的常见步骤,展示了如何组织复杂的图形程序。 使用此库学习图形和WebGL。 您将减少困扰初学者WebGL项目的混乱和重复。 通过显示紧凑但有效的WebGL命令用法,tiny-graphics-js库主要...
    • 重构投资组合
      交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...
    • flyingsquid:通过FlyingSquid进行更多的交互式弱监督
      通过FlyingSquid进行更具交互性的弱监督 更新06/17/20 :重构了代码,具有两个新功能: 通过查看所有可能的三元组并取均值或中位数来计算标签模型参数; 我们发现这比只看一个三元组更稳定(使用label_model.fit(.....
    • TXT-RPG:基于文本的角色扮演游戏框架
      幸运的是,我在开始时编写的大部分代码现在都经过翻新和重构,但其中一些仍然存在并且项目的某些部分通常可能需要一些翻新或重构。 该框架包含 14个不同的命令 攻击 后退 字符表 降低 装备 设备 去 帮助 存货 看 拿...
    • 重构项目实例
      对于重构技术进行研究,对项目实例进行重构并对比效果。
    • 重构实践
      类之间的交互是使用发布者-订阅者设计模式完成的。 由于可以在Unity Editor中分配订阅者,因此我在本示例中使用UnityEvents。 这使得组件完全独立。 另外,我应用了装饰器和访客设计模式来使得分更新及其实现松散地...
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档