Projects: Web-Technologies
  • Android Weather App api-level 28 -java
    December 2019

    It's an Android application, which allows users to search for cities to see weather summary, look at detailed information about them, pin those cities to favorites and post on Twitter about the weather. Backend service is on Node.js and the app uses API call.

    Concepts and Technologies:

    • Android Studio as IDE
    • Java, JSON, Android Lifecycle and Android Studio
    • Google’s Material design
    • Google Maps APIs and Android SDK
    • Third party libraries like Picasso, Glide and Volley


    Github Code

  • Angular 2+ weather webApp angular 8 -typescript -html5 -ajax-responsive
    November 2019

    It's an Angular-8 based webpage with ajax that allows users to search for weather information using the Forecast.io API and display the results on the same page below the form. The user provides the location information such as Street address, City and State for which they would want to find the detailed weather information or provide their current location. Once the user has provided the data and clicks on the Search button, validation must be done to check that the entered data is valid. Webpage also supports adding cities to and removing cities from the Favorites tab and sharing the weather info with Twitter.

    Concepts and Technologies:

    • Angular8, npm-cli, Angular-Material, Autocomplete Search
    • AJAX and JSON technologies
    • Combination of HTML5, Bootstrap, and Angular on client side
    • JavaScript / Node.js on server side
    • user experience using responsive design
    • Amazon Web Services/Google Cloud App Engine/Microsoft Azure.
    • Forecast.io API, Google Customized Search API and Twitter API
    • HTML5 Storage


    Github Code

  • Weather Foreacast webpage PHP -javascript -html -css
    Live View
    November 2019

    It's webpage that allows user to search for weather information using the Google Geocode and forecast.io API, and the results will be displayed in tabular format

    Concepts and Technologies:

    • PHP programming language
    • Google Geocode and the forecast.io API
    • Used an XML and a JSON parser in PHP
    • Session Storage for maintaining state


    Github Code

  • Car Manufactures Retrievel JSON response -javascript -html -css
    Live View
    September 2019

    It is an HTML/JavaScript program, which takes the URL of a JSON document containing top car manufacturers information, parses the JSON file, and extracts the list of top car manufacturers, displaying them in a table. The JavaScript program will be embedded in an HTML file so that it can be executed within a browser.

    Concepts and Technologies:

    • JavaScript JSON objects
    • JSON.parse parser and synchronous XMLHttpRequest
    • Transform the content of a JSON document into an HTML page
    • Encoding/Decoding JSON objects


    Github Code

  • Parallax-HTML Page html -css -non-responsive -imitate
    Live View
    August 2019

    Its was the project that required me to imitate a given website images. The Objective was to acheive resemblance as close as possible to the given images. The images are linked here for reference and the website developed using these images can be viewed using link above live preview.

    Flower
    Flower
    Flower
    Flower

    Concepts and Technologies:

    • HTML, CSS
    • Imitate the webpage by using images of a given website
    • Objective: resemblance should be very close to the images
    • Used Parallex with timers, extensive use of CSS


    Github Code