SusnataCodes / by Susnata Biswas

View Portfolio Start a Project
  • Responsive UIClean layouts for phone, tablet, and desktop.
  • Web DesignPortfolio and blog experiences with stronger structure.
  • Creative WorkDesign, photography, and front-end experiments shaped into useful pages.
  • Twitter
  • Facebook
  • GitHub
  • Instagram
  • Youtube

About me

Let me introduce myself

A bit about me

I’m Susnata Biswas, a passionate student who loves exploring creativity through design, technology, and learning new skills. I enjoy working on ideas that connect visuals, logic, and meaningful expression.

I’m constantly learning how design, coding, and photography can come together to tell stories in a modern, digital way. Curiosity keeps me motivated to experiment and improve every day.

Profile

Susnata Biswas

Personal info

Susnata Biswas

this is my name .. i mean if i trust my parents.. only then it is.

Birthday: 12 OCT 2005
Phone number: +91 83 92 04 58 33
Website: www.susnatacodes.blogspot.com
E-mail: susnatacodes@zohomail.in

RESUME

Know more about my past and present

Work Experience

  • 2025-future

    susnatacodes @ Web Developer

    I'm a software developer with a passion for creating innovative solutions. I have experience in web development and a strong proficiency in front-end technologies.

  • 2022-2024

    susnatacodes @ Freelance Web Designer

    As a Freelance Web Designer since 2023, I design and develop responsive, user-friendly websites using HTML, CSS, JavaScript, Bootstrap, and Tailwind, focusing on creating visually appealing layouts and intuitive interfaces, while optimizing for speed, accessibility, and cross-browser compatibility. I create reusable templates for portfolios, blogs, and small businesses, consult with clients to understand their requirements, and deliver customized solutions. I continuously enhance my skills through personal projects and learning new tools, frameworks, and design trends, applying UI/UX principles, wireframing, prototyping with Figma and Canva, and version control with Git, ensuring professional, modern, and functional websites.

  • 2017-present

    beginner @ Programming language

    Python, basic C/C++ , java, css3, JavaScript (beginner), sql, php xml, html

Education

  • present

    Engineering @Diploma

    I am currently pursuing a Diploma in Electronics and Telecommunication Engineering at Jalpaiguri Polytechnic Institute, where I am gaining in-depth knowledge of communication systems, signal processing, electronics, embedded systems, and their practical applications, while also learning programming and web development skills to enhance both my theoretical understanding and hands-on experience in real-world technical projects.

  • 2014-2023

    School of Awesomeness @ passed

    completed my Higher Secondary education with a focus on Science subjects, specializing in Computer Science and Geography, which provided me with a strong foundation in programming, algorithms, computational thinking, and digital problem-solving through Computer Science, while Geography enhanced my analytical skills, spatial reasoning, and understanding of environmental systems and data interpretation, equipping me with a unique combination of technical and analytical abilities that prepared me for advanced studies in Electronics and Telecommunication Engineering and practical applications in both technology and real-world problem-solving.

Skills & Things about me

photographer
86%
html & css
Punctual
91%
illustrator
Web Developer
64%
wordpress

Capabilities

Positive details that make SusnataCodes smoother, clearer, and easier to explore

Responsive Experience

Every section is shaped to feel clean on phone, tablet, and desktop, giving visitors a comfortable view of the portfolio from any screen.

Easy Discovery

Search support helps people quickly find posts, projects, and ideas, so the best work stays simple to reach and easy to remember.

Comfortable Viewing

The theme switcher creates a polished light or dark mood, making the website feel modern, personal, and pleasant during longer visits.

Smooth Reading Flow

A slim progress indicator gives visitors a clear sense of movement through the page, making longer content feel lighter and more controlled.

Organized Portfolio

Filtering keeps projects tidy and useful, helping visitors focus on the exact work, topic, or technology they want to explore.

Quick Navigation

A floating return button keeps the experience fast and friendly, letting visitors move back to the main brand area in one tap.

Portfolio

My latest projects

Discuss a Project

Wednesday, 3 June 2026

Oxygen Weather - Professional Weather App With Live Demo And Source Code

Susnata Codes Project Release

Oxygen Weather

A professional animated weather intelligence web app with live weather, automatic location detection, backup weather, Google login, Gmail-style reminders, contact fallback, Blogger publishing, and GitHub source code.

Oxygen Weather desktop dashboard screenshot
Desktop version of Oxygen Weather live on Blogger.

Project Overview

Oxygen Weather is my professional weather web app created under Susnata Codes. I wanted it to feel stronger than a basic weather card, so I built it like a real product: animated dashboard, live weather intelligence, secure backend, email alerts, Blogger publishing, backup weather logic, and complete documentation.

Source Code GitHub Repository
Official Brand Susnata Codes

Main Features

  • Professional animated desktop and mobile weather dashboard.
  • Automatic local weather when browser location permission is already enabled.
  • Default Jalpaiguri weather when location permission is not granted.
  • Manual city search and Use Location permission button.
  • OpenWeather server API with private API key protection.
  • Open-Meteo browser backup when Render is sleeping or unavailable.
  • Last successful weather saved in browser local storage for emergency fallback.
  • Google login interface with remembered profile behavior.
  • Gmail-style reminder section for important alerts and daily reports.
  • Contact form with Brevo email delivery and Gmail draft fallback.
  • Live earthquake monitor inside the weather app.
  • Professional footer linked to Oxygen Blog, Susnata Blog, and GitHub.

Technology Stack

Frontend HTML, CSS, JavaScript
Backend Node.js, Express, Axios
Weather Data OpenWeather API and Open-Meteo backup
Email Brevo HTTPS email API with optional SMTP fallback
Hosting Blogger frontend and Render backend

How It Works

Visitor opens Blogger
  |
  v
Oxygen Weather frontend
  |
  v
Render Express backend
  |
  v
OpenWeather API

If Render is sleeping:
Oxygen Weather frontend -> Open-Meteo backup weather

For contact:
Frontend -> Render -> Brevo email
Fallback -> Gmail/mail app draft

Why I Built It This Way

Blogger is used for the public frontend because it is free and stable. Render is used for secure backend features because API keys and email credentials should not be exposed inside browser code. Open-Meteo backup keeps weather detection working when the Render free service is asleep. Brevo is used for email because it works through HTTPS and is better for Render Free than direct Gmail SMTP.

Source Code And Documentation

The full source code is available on GitHub with README, desktop screenshot, deployment notes, Blogger XML instructions, Render setup, Google login setup, and a full project presentation.

Open Source Code Open Live Demo

Final Words

Oxygen Weather started as a weather app idea, but it became a full web project with design, backend, deployment, automation, documentation, and backup systems. This is the type of project I want to keep building under Susnata Codes: useful, creative, and professional.

Thursday, 11 December 2025

DAY 4 AT IOT INTERNSHIP

Services

What can I do

Branding

I’m learning how to build brand identities that express creativity and purpose. My focus is on combining colors, logos, and messages to create a strong, memorable, and consistent visual identity that represents ideas clearly.

Web Design

I’m exploring the process of designing modern and responsive websites. I enjoy learning how layout, color, and structure can work together to create smooth, functional, and visually appealing experiences across all kinds of devices.

Graphic Design

I have a deep interest in graphic design and visual creativity. I practice making posters, banners, and digital artworks that express ideas beautifully while focusing on balance, color harmony, and effective visual storytelling.

Development

I’m studying the basics of web development to understand how websites and digital platforms function. By learning coding and structure, I aim to create small interactive projects that improve my logic and creativity.

Photography

Photography makes me see the world in a whole new way. I love playing around with light, focus, and angles to catch real feelings and important moments that say more than just a picture.

User Experience

I’m interested in understanding how people interact with technology. I want to learn how design choices impact comfort, usability, and engagement, and create experiences that make digital tools feel more natural and human.

Contact

Get in touch with me

Availability

Open for web design, portfolio polishing, Blogger templates, and small front-end projects.

Address

Dhupguri, Jalpaiguri, West Bengal, India

Phone number

+91839204XXXX

GitHub

github.com/susnatacodes