E-VERSE

ToDo List – 

courtesy of the web developer Bootcamp (udemy)

Good evening(IST), today I made a ToDo List which allows you to list all the fun stuff you want to do during the day. In case you have done something and wish to cross it out but not delete it, you can click on the text of your ToDo and a strikethrough effect will appear on it. You can also delete an unwanted ToDo. I have included loads of fun animations into this project. When you hover over a ToDo, a red trash button slides into the left portion of the line, allowing you to delete your ToDo. Also, a blue border appears around the input box when you type some text into it. The plus sign at the top right of your ToDo list can be used for removing or displaying the input box.

Screen Shot 2017-06-23 at 10.13.34 PMScreen Shot 2017-06-23 at 10.13.44 PMScreen Shot 2017-06-23 at 10.13.57 PMScreen Shot 2017-06-23 at 10.14.08 PM


Colour Guessing Game –

courtesy of the web developer Bootcamp (udemy)

Hello, Guys! Today, I made a game based on guessing the correct shade of a colour by seeing it’s RGB value. To know more about RGB values and using them in programming, head to https://www.w3schools.com/colors/colors_rgb.asp. In the game I made, the player is offered to choose from six different shades of colour with the correct answer’s RGB value given above. The game looks like this:

Screen Shot 2017-06-19 at 10.57.39 PM

To select a colour, the user simply has to press his/her mouse on the shade of colour they want to choose, if the answer is wrong, it is removed from the options. It looks like this:

Screen Shot 2017-06-19 at 10.57.53 PM

If the player finally chooses the correct shade, all the six boxes re-appear and are of the same shade(the shade of the answer), the coloured heading background turns that shade too. It looks like this:

Screen Shot 2017-06-19 at 10.58.04 PM

Fortunately, if the player feels that the game is too hard, he can click the easy button ( next to the hard button and below the heading) and the choices are narrowed down to three from six. It looks like this:

Screen Shot 2017-06-19 at 10.58.30 PMScreen Shot 2017-06-19 at 10.58.42 PM

When the correct shade is chosen, the user can click on the play again button below the heading, when the game is going on, a ‘new colours’ button is present instead of the ‘play again?’ button. Also, there are little snippets of code here and there, if an incorrect shade is chosen, “try again” is displayed in the middle of the white part, as a means to motivate the user to go on instead of a button. ‘Correct’ is displayed in the same part when the shade of colour is correct. The easy, hard and new colours buttons also have a hover effect on them, they turn a shade of blue when the mouse hovers over them. A fade effect is also present, it occurs when the player chooses a wrong shade, upon an incorrect choice, the coloured box fades away and at a correct choice, the boxes emerge into view(of the same shade). Programmes:

html

Screen Shot 2017-06-19 at 11.11.07 PM

css

Screen Shot 2017-06-19 at 11.11.28 PMScreen Shot 2017-06-19 at 11.11.49 PM

JavaScript

Screen Shot 2017-06-19 at 11.12.11 PMScreen Shot 2017-06-19 at 11.12.22 PMScreen Shot 2017-06-19 at 11.12.36 PMScreen Shot 2017-06-19 at 11.12.43 PM


Hey There!! The following code is an example of class inheritance in Java. Class inheritance may come in handy when you need a few different classes to have some similar properties, you can use a parent class in that case. In this code, if I call dab.start and dab.stop, I don’t have to include an additional line of code elsewhere and in big codes, it really matters to arrange the code properly and save space.

Screen Shot 2017-05-28 at 9.54.43 PM


Hello again! Today, I wrote some java codes which I chose not to disclose but I will show you the mini-website I made today. It is the landing page of a fictitious startup based on selling lemonades. The startup’s website is basically a platform to promote lemonade selling via stalls.

code

Screen Shot 2017-05-25 at 4.27.24 PMScreen Shot 2017-05-25 at 4.27.47 PM

output

Screen Shot 2017-05-25 at 4.29.02 PM


Hey there! I made a small website (using HTML and CSS), it’s just a 120 line code but it took some work. The navbar was really hard to make and I had to use more of bootstrap than I had intended to, this again raises the question, which site is better, semantic or bootstrap?

code

Screen Shot 2017-05-24 at 4.16.31 PMScreen Shot 2017-05-24 at 4.16.49 PMScreen Shot 2017-05-24 at 4.17.01 PM

output

Screen Shot 2017-05-24 at 4.19.25 PMScreen Shot 2017-05-24 at 4.19.33 PM


Hello! I finally wrote a 65 line code in java centred on objects. it was pretty difficult and took me almost two hours. My code is based on an interview form. It asks the user for his name, where he lives, what he is strong at, age, years of experience and number of projects he has completed in the past. Then, it prints all the data to the screen and calculates the years left for the user’s retirement by subtracting his age by the average retirement age in the country. Then, the computer generates a random integer between 1 and 100, the integer is the percentage of the person becoming successful. This is obviously based on luck. I have used different methods for text and integer input. The code for determining years left for retirement and success percentage are in different methods too. In all, there are four methods in my code. For user input, I’ve used java.util.Scanner and for generating random values I’ve used java.util.Random. Before printing the success chance, I have used a for loop to print results in 10, results in 9, results in 8 and so on. To avoid everything being printed quickly onto the screen, I decided to use Thread.sleep.

Screen Shot 2017-05-24 at 1.41.04 PMScreen Shot 2017-05-24 at 1.41.16 PM

Advertisements

2 thoughts on “E-VERSE

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s