Category: Websites, web programming

Create a Bootstrap site using Dreamweaver.

Topics for the site: Animals
What your site needs to include:

Your site must be four pages.
You need to use the Bootstrap nav bar, customize the colours, and change the hamburger icon to the words “menu”.
You need to include a responsive hero image.
You need to include six box elements.
Your site needs to be responsive and adapt to the screen size.
You need a home page plus three additional pages that correspond to the links in the nav bar and these all need to be linked.
You need excellent code, appropriate alt tags, and page titles.

Create a Bootstrap site using Dreamweaver.

Topics for the site: Animals
What your site needs to include:

Your site must be four pages.
You need to use the Bootstrap nav bar, customize the colours, and change the hamburger icon to the words “menu”.
You need to include a responsive hero image.
You need to include six box elements.
Your site needs to be responsive and adapt to the screen size.
You need a home page plus three additional pages that correspond to the links in the nav bar and these all need to be linked.
You need excellent code, appropriate alt tags, and page titles.

Project 9-2 Account Balance Calculator

Project 9-2: Account Balance Calculator
Create an application that calculates and displays the starting and ending monthly balances for a checking account and a savings account.

Console
Welcome to the Account application

Starting Balances

Checking: $1,000.00

Savings:  $1,000.00

Enter the transactions for the month

Withdrawal or deposit? (w/d): w

Checking or savings? (c/s): c

Amount?: 500

Continue? (y/n): y

Withdrawal or deposit? (w/d): d

Checking or savings? (c/s): s

Amount?: 200

Continue? (y/n): n

Monthly Payments and Fees

Checking fee:              $1.00

Savings interest payment:  $12.00

Final Balances

Checking: $499.00

Savings:  $1,212.00

Specifications
Create interfaces named Depositable, Withdrawable, and Balanceable that specify the methods that can be used to work with accounts. The Depositable interface should include this method:

void deposit(double amount)

The Withdrawable interface should include this method:

void withdraw(double amount)

And the Balanceable interface should include these methods:

double getBalance()
void setBalance(double amount)

Create a class named Account that implements all three of these interfaces. This class should include an instance variable for the balance.

Create a class named CheckingAccount that inherits the Account class. This class should include an instance variable for the monthly fee that’s initialized to the value that’s passed to the constructor. This class should also include methods that subtract the monthly fee from the account balance and return the monthly fee.

Create a class named SavingsAccount that inherits the Account class. This class should include instance variables for the monthly interest rate and the monthly interest payment. The monthly interest rate should be initialized to the value that’s passed to the constructor. The monthly interest payment should be calculated by a method that applies the payment to the account balance. This class should also include a method that returns the monthly interest payment.

Create a class named AccountBalanceApp that uses these objects to process and display deposits and withdrawals.

Use the Console class presented in chapter 7 or an enhanced version of it to get and validate the user’s entries. Don’t allow the user to withdraw more than the current balance of an account.

Simple CRM

Need to use spring boot app (java), angular in vs code, and MySQL for database. Need to be able to create, edit, delete, update customers in a database and pick a service to assign to each customer and add a price. Needs to be styled with CSS and be responsive. I am looking for something simple!

VueJS

To get a better idea of how you build your web applications and where your skill level is at, I would like to see you build a web application using test data from https://jsonplaceholder.typicode.com/.

I would like you to complete this challenge using Vue.js

The application should:

-Make use of the users, posts, and comments data from the jsonplaceholder api to show a list of all the users.
-Each user should have a link to another page that displays all the posts that user has created.
-Those posts selectable to show the comments in them.
-You should also have navigation to return to the users page.
-Implement state management.
-Favorite/save posts to the store (Resets on page refresh).
-At least 1 automated test using Vue Test Utils

This should be completed as a single page application that does not refresh the browser when switching between pages.
No back-end code is necessary. Good programming practices should be used. Styling is a bonus.

VueJs API application

To get a better idea of how you build your web applications and where your skill level is at, I would like to see you build a web application using test data from https://jsonplaceholder.typicode.com/.

I would like you to complete this challenge using Vue.js

The application should:

Make use of the users, posts, and comments data from the jsonplaceholder api to show a list of all the users.
Each user should have a link to another page that displays all the posts that user has created.
Those posts selectable to show the comments in them.
You should also have navigation to return to the users page.
Implement state management.
Favorite/save posts to the store (Resets on page refresh).
At least 1 automated test using Vue Test Utils
This should be completed as a single page application that does not refresh the browser when switching between pages.
No back-end code is necessary. Good programming practices should be used. Styling is a bonus.

Project 8-2 Person Manager

Project 8-2: Person Manager
Create an application that lets you enter a new customer or a new employee.

Console
Welcome to the Person Manager

Create customer or employee? (c/e):

Error! This entry is required. Try again.

Create customer or employee? (c/e): p

Error! Entry must be ‘c’ or ‘e’. Try again.

Create customer or employee? (c/e): c

First name: Steve

Last name: Trevor

Customer number: M10293

You entered a new Customer:

Name: Steve Trevor

Customer Number: M10293

Continue? (y/n): y

Create customer or employee? (c/e): e

First name: Diana

Last name: Prince

SSN: 111-22-3333

You entered a new Employee:

Name: Diana Prince

SSN: xxx-xx-3333

Continue? (y/n): OK

Error! Entry must be ‘y’ or ‘n’. Try again.

Continue? (y/n): n

Specifications
Create a class named Person with these constructors and methods:

public Person(String first, String last)

public String getFirstName()

public void setFirstName(String first)

public String getLastName()

public void setLastName()

The Person class should override the toString() method so it returns the first name and last name in this format:

Name: Frank Jones

Create a class named Customer that inherits the Person class and contains these constructors and methods:

public Customer(String first, String last, String number)

public String getCustomerNumber()

public void setCustomerNumber(String number)

The Customer class should override the toString() method so it returns the value returned by the toString() method of the Person class appended with the customer number, like this:

Name: Frank Jones
Customer Number: J54128

Create a class named Employee that inherits the Person class and contains these constructors and methods:

public Employee(String first, String last, String ssn)

public String getSsn()

public void setSsn(String ssn)

The getSsn() method should return a masked version of the social security number that only reveals the last four numbers.

The Employee class should override the toString() method so it returns the value returned by the toString() method of the Person class appended with the social security number, like this:

Name: Frank Jones
SSN: xxx-xx-1111

Use the Console class presented in chapter 7 or an enhanced version of it to get and validate the user’s entries.

JavaScript for beginners

1.Create an html page, add 3 text boxes in which the user will input 3 numbers :a,b,c
Add a button that, on click, will calculate ((a*b) + (b*c)) / (a+b). The result will be displayed in an alert.

2. Create an html page, add 3 text boxes in which the user will input 3 numbers :a,b,c
Add a button that, on click, will calculate the maximum number of the three. The result will be displayed in an alert. The program should not crash if the user does not input one or two numbers.
Cases:
-If no number is introduced then a message should be displayed asking the user to input at least on number.
-If only one number of the three is introduced, that number is the maximum number.
-If two numbers are introduced then it should be displayed the maximum of the two.
-If three numbers are introduced then it should be displayed the maximum of the three.

3. Create an html page, add 2 text boxes in which the user will input 2 numbers: n and m
Add a button that, on click, will calculate the sum of all even numbers between n and m, regardless id n < m or m <  n. The result will be displayed in an alert.

Project 7-3: Guessing Game

Project 7-3: Guessing Game
Convert a previous application so it uses classes to organize its code.

Console
Welcome to the Guess the Number Game

++++++++++++++++++++++++++++++++++++

I’m thinking of a number from 1 to 100.

Try to guess it.

Enter number: 50

You got it in 1 tries.

Great work! You are a mathematical wizard.

Try again? (y/n): y

I’m thinking of a number from 1 to 100.

Try to guess it.

Enter number: 50

Way too high! Guess again.

Enter number: 30

Too high! Guess again.

Enter number: 15

Too low! Guess again.

Enter number: 23

Too high! Guess again.

Enter number: 19

Too low! Guess again.

Enter number: 21

Too high! Guess again.

Enter number: 20

You got it in 7 tries.

Not too bad! You’ve got some potential.

Try again? (y/n):

Error! This entry is required. Try again.

Try again? (y/n): x

Error! Entry must be ‘y’ or ‘n’. Try again.

Try again? (y/n): n

Bye – Come back soon!

Specifications
Your instructor should provide you with a starting project.

Create a class named Console, and move all the methods that retrieve and validate user input to that class. These methods can remain static.

Create a class named Game, and move all the methods that display messages and handle user guesses to that class. Adjust these methods so they aren’t static, and use instance variables of the Game class to keep track of numbers, guesses, and so on.

Update the application to use these classes and their methods. Make sure the application functions the same as it did before.

Raspberry Pi: Python live web graphs from sensor data

I have completed the main section of Python code, I need help with building a web interface that displays 2 live updating graphs (from the sensor data my program obtains), and 2 clocks (one is standard time, the other varies according to the sensor data).
THIS CAN BE A LOCALLY RUNNING WEB INTERFACE TO PROVE THE CONCEPT WORKS.

A push button could be used as the circuit will not be available, (as long as it is connected to the same pin as specified it works fine).

Some background on what the code I have already written does:
calculates the mains AC frequency and stores this as a variable.
Reads the time using the time module
Varies a ‘frequency clock’, if the frequency is higher than 50 Hz (I am in the UK), the clock runs fast and if lower than 50 Hz, runs slower.

I would like this to be written in python. Using modules such as matplotlib / plotly / django / flask etc is fine.

If it isn’t possible to update the webpage at 50Hz (I suspect it isn’t), calculating the average frequency for the last second and updating every second (gmtime) is fine.

PROJECT SPEC AND MY CODE IS ATTACHED