About Me
I am SHAMSEENA KARUMAROT (Shamz),
A passionate Web/Front-End Developer currently residing in Berlin,Germany.
I am a B.Tech Computer Science graduate with 'First class with Honors'.I have 2+ years of experience as Systems Engineer at Tata Consultancy Services, where I worked as Tier 2 Support for SAP Enterprise Portal ,EMEA.
I have work experience in UX/UI Manual Testing and WordPress Content Management as well.
My love and passion for Web Designing and Development made me dive into this amazing field .
Skills
Javascript (ES6+)
React- JS Library for UI, SPA
Routing for React
State Management Library
Bootstrap 4 - CSS Framework
Style Sheet Language
CSS Preprocessor- SCSS/SASS
Semantic HTML
JS Runtime Environment
NPM - Package Manager
Yarn - Package Manager
RestAPI Integration
Sublime Text - Editor
Visual Studio Code - Editor
Module Bundler
Version Control
Version Control System
Projects
Featured Project
NewsLive Web App - SPA
|| React| React Router| Rest API| NPM (Package Manager)| SASS/SCSS| HTML5||
[SPA /Integrated with Rest API / React Router / Modern Design/Dynamic Timer set/ Interactive/ Responsive/ Dynamic ]
A fully responsive and dynamic React App integrated with Rest API - News API .
Provision to access and search for top live news from over 30,000 news sources and blogs worldwide .
Top News from BBC, CNN, NBC News, The Washington Post, The New York Times , Google News and a lot more are live updated .
Routing to filtered news from individual channels like BBC,CNN in the navigation bar is set using React Router.
Dynamic Timer is set on top to view current local time of user.
Portfolio Website
|| Javascript| Particles.js| Webpack(FrontEnd Build Tool) | NPM(Package Manager)| HTML5| CSS3||
[Responsive/ Modern Design / Animation ]
Fully Responsive portfolio website for variuos screen size, built using Flex box, media queries and keyframes.
Integrated with Particles.js- a lightweight Javascript library-in the Home Section
Webpack used as FrontEnd Build Tool & Module Bundler.
Loaders used: Babel-loader,Style-loader,Css-loader,Html-loader,File-loader.
Keen on UX/UI Design and aesthetics of colors used.
Single Page Portfolio Design with various sections -Home, About, Skills, Projects and Contact
StartUp Website-Landing Page
|| HTML5| CSS3|| No Frameworks||
[Responsive/ Modern Design ]
Fully Responsive StartUp Website Landing page , built using Flex box, media queries.
Elegant Landing Page for a Web Design & Services Company
Sections for Homepage (with banner and call to action ), Services, Features, Get in Touch , Social Media icons, and footer are included
Shopping List Manager App
|| Javascript| Bootstrap| HTML5| CSS3||
[DOM Manipulation /Event Handlers /Interactive / Responsive]
Interactive Shopping List Manager App to manage shopping list with much ease.
Provision to add items(s) to list, search item(s) in the list, delete items from the list.
Provision to mark Done/Undo items bought or when moved to shopping cart
Provision to clear the whole list.
Fully responsive and clean design.
Shopping List Management done using DOM Manipulation making use of Event Listeners.
Mini-Portfolio-Card Maker
|| Javascript|Bootstrap| HTML5| CSS3||
[DOM Manipulation //Event Handlers //Interactive //Responsive //Accessing and Updating Image file]
Interactive and live Mini-Portfolio Card maker using Javascript.
User can fill in details in the form given.
A mini-Portfolio Card is generated based on the datas filled ,upon Submitting the form .
Updation of information in the Portfolio Card is done using DOM manipulation and Event Handlers.
Form validation is done using Javascript for the fields in the form.
Regular Expression used for validation of phone number.
Provision for user to input/access image file live from user's device to update profile picture.
Image file accessed from user's device using File Reader.
Mini Piano Web App
|| Javascript| HTML5| CSS3|MP4 files|
[Interactive // Responsive// Handling of audio files//Event Listeners]
Interactive Mini Piano Web App built using Vanilla Javascript.
Made fully responsive using media queries for all screen sizes.
Handling of mp4 files is done using audio tag.
Audio files are manipulated using DOM Manipulation and Event Listeners.
Very simple app made as a fun project .