Sudipto Roy

This project is built using HTML, CSS, and JavaScript, with the goal of creating an engaging and user-friendly platform that inspires travelers to explore and plan their next journey with us. Here is some key features of the whole website ✅

• Fully Hand-Coded Website using HTML5, CSS3, and JavaScript with modern frontend standards.
• Pixel-perfect Responsive Design built using Flexbox, CSS Grid, and Media Queries for all devices.
• Smooth Animation Effects implemented via CSS transitions, transforms, and keyframes.
•  Swiper.js Integration for auto-sliding tour categories and partner company logos.
• Interactive Navigation Bar with hover transitions and mobile-responsive hamburger menu.
• Dynamic Image Gallery with zoom and hover overlay effects using pure CSS.
• Rotating Site Analysis Section using custom CSS animations and circle transitions.
•  Testimonials Slider with rotating quote icon effect on hover to enhance interactivity.
• Tour Package Cards featuring transform-scale hover effects and call-to-action buttons.
• Reusable CSS Variables and clean class-based structure for color and theme consistency.
• About Us & Guide Section designed with grid layouts and hover animation for profile cards.
• Optimized Semantic HTML Structure for accessibility and SEO readiness.
• Custom Hover & Transition Effects on buttons, quick links, and footer icons.
• JavaScript Event Handling for interactive UI components and responsive behaviors.
• Professional UI/UX Approach — clean layout, balanced typography, shadows, and animation timing.

• Developed a fully responsive, static website for a fictional or prototype furniture / doors company named CABINETMARK LLC.
• Professional UI/UX Approach — clean layout, balanced typography, shadows, and animation timing.
• Designed the user interface using HTML, CSS, and (if used) JavaScript to create a clean, modern layout with dowm to 320 px responsiveness.
• Pixel-perfect Responsive Design built using Flexbox, CSS Grid, and Media Queries for all devices.
• Implemented key e-commerce features in the UI mock-up: a shopping cart, product listings (Item A, B, C, D), and promotional banners (“Free Shipping Over $35*”) to simulate a realistic online store flow.
• Created an “About Us” section to present the company mission, value propositions (“Why Choose Us”), and advantages such as quality, support and cost savings with placeholder text and images.
• Built a subscription form (“Get up to 10% off!”) to collect user emails, reflecting engagement and lead-generation functionality.
• Added site footer links for Quick Links (Home, About, Shop, Contact, Blog), Institutional Links (Privacy Policy, Terms & Conditions), and Social Media, giving the website a complete and professional structure.

• Built a multi-page responsive website for a restaurant / food-blog brand called Tasty Bites. The site is designed to be modern, clean, and user-friendly.
• Designed using Bootstrap (responsive grid system, navigation, components) to ensure the website works seamlessly across different screen sizes (desktop, tablet, mobile).
• Created the following pages / sections:

1.  Hero banner, featured dishes, call-to-action to explore menu.
2.  List of food items, categorized (e.g., Starters, Mains, Desserts), each with name, description, price, and image.
3.  Story of the restaurant / brand, mission, chef’s bio, and values.
4.  Articles on food recipes, cooking tips, or food culture.
5. Redirect the customer to the contact section present on the home page.
6.  Images of dishes, restaurant interior, chef at work.
7.  User authentication interface for users to create an account or sign in.

Implemented Login and Registration functionality (front-end) using JavaScript:

• A Register Page where new users can enter their name, email, password (with validation) to create an account.
• A Login Page where existing users can enter credentials to sign in (form validation + error feedback).
• Form validation (e.g., required fields, email format, password strength) done via JavaScript to improve UX.
• (Optionally) used JavaScript for managing a “session” in the front-end — for example, storing a user token or a simple “logged-in” flag in browser storage (if you implemented that).

Designed UI / UX with Bootstrap components:

• Navbar with dropdowns or collapsible hamburger menu on mobile.
• Cards or list groups for menu items.
• Forms (login, register, contact) styled using Bootstrap’s form controls.
• Modals or alerts (if used) for login/register feedback or error messages.

EDU_Learn is a single-page educational website designed to provide a clean, modern, and responsive user experience. The website is structured into multiple scroll-based sections rather than individual pages. It showcases essential learning platform features such as course highlights, testimonials, resource blocks. The project emphasizes UI/UX, Bootstrap design, and JavaScript functionality.

• Hero / Banner Section with a call to action
• Course Highlights Section showing featured learning content
• About / Mission Section describing the purpose of EDU_Learn
• Blog / Resource Section using Bootstrap cards
• Testimonial Section with interactive slider
• Footer Section containing social links and basic navigation

Smooth scrolling and clear section spacing create a professional, clean layout.

Slider 1 — Auto-Play + Clickable Slider

Slider 2 — Center-Mode Testimonial Slider

• Fluid grid layout
• Responsive navbar with mobile collapse
• Adaptive section spacing
• Clean typography and color theme
• Reusable card structures
• Visually appealing layout for all screens

This is a multi-page personal portfolio website created to showcase your web development skills, projects, experience, and professional identity. Designed using Tailwind CSS for fast UI development and JavaScript for interactive functionality, the website delivers a clean, modern, and developer-focused interface. It highlights your work as a Front-End Developer with intuitive navigation and a smooth user experience across all pages.

• Minimal, hero-style introduction with name, role, and call-to-action buttons.
• Smooth scrolling and subtle animations controlled via JavaScript.
• Clean layout optimized for mobile and desktop views.
• Detailed personal introduction including background, passion, and strengths.
• Split-section layout using Tailwind’s grid and flex utilities.
• Professional profile photo and highlighted key information with clean typography.
• Visual representation of technical skills using Tailwind-styled badges.
• Categorized skills: HTML, CSS, Tailwind CSS, JavaScript, Bootstrap, Git, etc.
• Responsive grid layout ensuring consistent display across all devices.
• Showcased major personal and academic projects with screenshots and short descriptions.
• Tailwind card components with hover effects and clean spacing.
• Links to live demos hosted on GitHub Pages for easy recruiter access.
• Simple and clean contact form created with Tailwind form utilities (no backend).
• Includes email ID, social links, and call-to-action for portfolio inquiries.
• JavaScript-based smooth transitions and form field interactions.

• Developed a clean and responsive task management application.
• Built using Tailwind CSS for fast styling and a modern, minimalist UI.
• Implemented JavaScript for all task operations such as add, edit, mark complete, and delete.
• Designed with a focus on usability, lightweight performance, and mobile-friendly layout.
• Built a single-page website using HTML, Tailwind CSS, and JavaScript.
• Implemented core features like add, edit, delete, and complete tasks with clean DOM manipulation.
• Designed a fully responsive UI using Tailwind utility classes, ensuring smooth performance on all devices.
• Developed an interactive, user-friendly interface with real-time task updates and lightweight front-end logic.
• Deployed the project on GitHub Pages with clean, maintainable code suitable for production-level frontend workflows.

I specialize in creating responsive, user-friendly, and visually engaging websites that bring design ideas to life through clean, maintainable code. My development process follows the Software Development Life Cycle (SDLC) — from requirements analysis and design to testing and deployment — ensuring every project is structured, efficient, and goal-driven. Recently, I completed two full SDLC-based web projects, developing a fully responsive “Online clinic Website”& " Event management website &app" that highlights seamless navigation, optimized layouts, and real-world design principles. I’m constantly learning and experimenting with new frameworks and design trends to build better user experiences. Open to internship or entry-level opportunities where I can contribute to real projects, collaborate with creative teams, and continue growing as a web developer.

• Understand requirements of the project. Attend session grooming call for requirement gathering.
• Collect & extract satellite images from various platform.
• Managing drone imagery and CAD file.
• Create analyses, Knowledge Models, with GIS software.
• Working with ArcGIS, ArcGIS online, Arc Pro, QGIS, ERDAS Imagine, ENVY.
• Work in huge digitization data, Map Analysis, Data management, Data analysis.
• Troubleshoot in map drawing.
• Documentation.

• Build & installed Linux machines.
• Multiple user creation and permissions.
• Memory partition.
• File system creation.
• Network configuration.
• Nfs configuration.
• Passwardless ssh.
• Managing disk and create partitions.
• Patching.
• HPC implementation.