In this project, the four of us were assigned to refactoring an existing code base. The original project was called "Fitlit" and a student at Turing made it many years ago. The existing codebase included tests suites, classes, sass files, an index file, fetch calls, and the main javaScript file.
Languages: JavaScript, HTML5, CSS3, Sass
Testing Chai & Mocha
Lint: ESlint & Prettier
Server: Node, Fetch API
- Able to randomly view somebody's hydration, activity, and sleep statistics
- Complete overhaul on the CSS
- Animations, transitions, and hover state have been included
- Script is dynamic and uses only data from fetch API calls
- Mobile and desktop friendly
- ARIA friendly
Clone down the project repo
git clone git@github.com:BigBike96/fitlit-optionB.git
Clone down the project's server
git clone git@github.com:turingschool-examples/fitlit-api.git
CD into the project's server directory and then enter:
npm install
npm start
In a different terminal, CD into the fitlit-optionB folder and then enter:
npm install
To run the test suites, enter this:
npm test
To run the webpack, enter this
Run npm test
Open http://localhost:8080/ in your browser to run the application
Insert gif or link to demo
- Will allow users to enter in their own information
- Overhaul of the CSS to better organize information
- Further refactoring in the javaScript
- Will be able to share stats with friends
- Will be able to enter in weekly competition with friends