Projects

The web application is a code quiz that allows the user to answer a set of multiple choice questions with a countdown. If the user selects the correct answer, they get a score value increment. However, if they select the wrong answer, a time penalty is added to the countdown. When the user finishes the quiz, they are directed to a window where they insert their initials. The user clicks on a button that submits their initials alond with the final score that they have achieved into localStorage where they can view the data at any point in the application through the highscores tab which will list the highscores array.

Application Link
Git Clone Repository Link

The web application is a password generator that allows the user to select from an array of character sets. The selected character sets will be added to a 'charSet' string which will then be used to generate the password by randomly selecting characters from the 'charSet' string. The length of the password is decided by the user and the application will continue to select random characters until the password length is reached. Additional functions include copy to clipboard and reset where the user is able to select the generated password and paste it into another document. The reset method enables the user to set the application to it's default values in order to generate a new password but it is not necessary as the user can simply click on the generate password button again.

Application Link
Git Clone Repository Link

The web application is a day calender that enables the user to set tasks during the course of a working day between 09:00 and 5:00. The user enters text in the designated time block and clicks the save button which sends the value into local storage. The user can edit the text input at any time but must click the save button if they want to keep the entry stored. As time passes each time block is rendered a different color depending on its state. - If the time block is in the past the element is rendered orange. - If the time block is currently the element is rendered green. - If the time block is in the future the element is rendered white. When the application rolls over to the next day, the data entries are deleted and the local storage cleared for the upcoming working day.

Application Link
Git Clone Repository Link

The web application is a weather dashboard that enables the user to search any city in the world, and the application will display a response with the current weather conditions of that city as well as a five day forcast provided by a weather API. The application enables the user to store their searches in local storage and then creates button elements which will provide the same information when clicked. An additional feature of the application is that it utilses geolocation of the device to display the weather conditions of the city the user is currently in.

Application Link
Git Clone Repository Link

This two paged web application is used to aid user on searching for events they like, and track them as their favorite in favorite page. It's designed in the concept of a small personal search engine for saving events and display the simplified information of the saved events. Also, this demo application can be considered as a starting point for a real company page as a third-party resource gathering engine. This application is developed under the concept of responsive design.

Application Link
Git Clone Repository Link

The web application is a burgerLogger application that enables the user to create a list of saved burgers each with an id, title, and button. The application uses validation to make sure the text box is not empty, if the user trys to create a burger with no value, the user will be alerted and await the user to enter a value. The created burgers are sent to the database where they are stored and then rendered back to the html page where the data is displayed according to the requests made. the following object relational mapping (orm) functions are used in this application. - Create a burger - Update the state of a burger - Delete a burger The application uses a server to retrieve and send data across various files which are then used the process the data in order to display the created burgers to the user. On the user interface side there was an additional feature added to the application which was a delete/ digest button added after the burger is devoured in order to delete the selected burger from the database. Express handlebars was used in creating the html page. The package allowed requested data to be rendered into the body of the html page instead of creating strings and pushing them into an html file.

Application Link
Git Clone Repository Link