Prototype Angular JS Workout Log

Developer
Bryan Fillmer
Size
2,599 Kb
Views
6,072
  1. Prototype Angular JS Workout Log Previews
  2. Prototype Angular JS Workout Log HTML Codes
  3. Prototype Angular JS Workout Log CSS Codes
  4. Prototype Angular JS Workout Log JS Codes

How do I make an prototype angular js workout log?

Mockup of a hypothetical workout logging app using Angular JS.. What is a prototype angular js workout log? How do you make a prototype angular js workout log? This script and codes were developed by Bryan Fillmer on 11 December 2022, Sunday.

Prototype Angular JS Workout Log Previews
IQ Test

Prototype Angular JS Workout Log - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Prototype Angular JS Workout Log</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h2>Small Workout Log App Mockup</h2>
<p class="description">Set to older iPhone screen size.</p>
<div class="app-wrapper" ng-app="workoutLogApp" ng-controller="workoutController"> <input type="text" ng-model="workoutName"> <p>{{workoutName}}</p>
</div> <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js'></script>
<script src='http://gregpike.net/demos/angular-local-storage/angular-local-storage.js'></script> <script src="js/index.js"></script>
</body>
</html>

Prototype Angular JS Workout Log - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Bitter);
body { padding: 1em 2em; font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: 400; color: #333; background: #f2f2f2;
}
h2 { margin-bottom: 0; font-family: 'Bitter', serif; font-size: 1.5em; font-weight: 400;
}
.description { width: 400px; margin-top: 0;
}
.app-wrapper { height: 480px; width: 320px; overflow: scroll; border: 1px solid #000;
}

Prototype Angular JS Workout Log - Script Codes JS Codes

// Create app.
var app = angular.module( 'workoutLogApp', [] );
// Primary controller.
app.controller( 'workoutController', function( $scope ){
});
Prototype Angular JS Workout Log - Script Codes
Prototype Angular JS Workout Log - Script Codes
Home Page Home
Developer Bryan Fillmer
Username bfillmer
Uploaded December 11, 2022
Rating 3
Size 2,599 Kb
Views 6,072
Do you need developer help for Prototype Angular JS Workout Log?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Bryan Fillmer (bfillmer) Script Codes
Name
Toggle Overlay on UL
Attribute Modules for CSS
Angular Animation Playground
Project Euler Problem 17
Continued Angular Testbed
Basic Javascript Chaining
Shopping Site Mockup
Regex Sensei
Attribute Module CSS Grid Mixins
YOLO KEITH
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!