Web Designer & Developer | WordPress, Framer & Shopify
10
Followers
Web Designer & Developer | WordPress, Framer & Shopify
One of my favorite parts of building the Generation Explores (https://generationexplores.com) website wasn't the design it was solving a real business challenge.
The client wanted every trek inquiry to happen through WhatsApp instead of a traditional booking system. At the same time, they needed an easy way to add new treks without touching any code.
So I built a custom solution.
Here's what I implemented:
• Created custom content structures using Pods
• Built reusable trek templates so every new trek automatically follows the same layout
• Wrote custom HTML and CSS to match the website's design
• Implemented dynamic content, allowing the client to manage treks from the WordPress dashboard
• Used Ajax Load More to create a smoother browsing experience without full page reloads
Now, whenever the client wants to add a new trek, they simply fill in the details in the WordPress admin, and the website generates the page automatically no redesign or coding required.
This is the part of web development I enjoy the most turning unique business requirements into simple, scalable solutions that make life easier for the client.
1
103
Started learning Framer this week and made my first animated hero.
I never realized how much difference small interactions like magnetic hover and floating animations make.
If you've been using Framer for a while, what's one feature you wish you had learned earlier?
🚀 Troubleshooting Critical Terraform Drift in AWS Production
Project Description / Post Body:
I recently encountered a critical CI/CD failure while deploying a serverless backend to a new AWS environment. The pipeline was paralyzed due to "Resource Drift"—a mismatch between the Terraform state file and the actual infrastructure.
The Challenge:
A manual "hotfix" in the AWS Console created "ghost resources" (Secrets) that Terraform couldn't see.
This caused repeated deployment failures and blocked the staging environment.
The Solution:
Instead of tearing down the environment, I used the terraform import workflow to:
Documented the full fix in my technical blog (Link below)
https://shorturl.at/ZJR3g
1
0
193
Hey fellow Contra builders! 👋✨
I'm Vikaskumar, a Full Stack Developer pioneering the future with Web3. Currently crafting a decentralized app using TypeScript, Next.js, Tailwind, Node.js, and Ether.js—where smart contracts meet sleek modern UI! (client returning from LinkedIn!)
Check out this Next.js-powered UI sneak peek 👀. Looking to connect with new clients and collaborators here at Contra Too.
Open to feedback, partnerships, and sharing ideas with fellow tech visionaries! 🚀
#web3project #fullstackdeveloper #nextjs #javascript #typescript #tailwindcss #etherjs #OpentoWork #thenewcontra
2
2
233
Hello community! 👋
I'm Vikaskumar, a Full Stack Developer from India passionate about building web solutions 🚀
Currently working on old client Project, an AI app that optimizes resumes for better job matches. Still in Process, with Authentication Love turning complex problems into clean, scalable code!
Always excited to connect with fellow developers and collaborate on innovative projects 💻
Looking forward to connecting with you all✨
#shareyourwork #thenewcontra #fullstackdeveloper
Cloud Infrastructure Engineer | AWS, Serverless & AI Systems
Cloud Infrastructure Engineer | AWS, Serverless & AI Systems
PDFConverterOnlineFree – Node.js PDF Tool
I built this project as a practical, real-world PDF tool that runs completely online and doesn’t rely on any database.
The idea was simple — most PDF tools out there are either paid, slow, or store user files. I wanted to create something lightweight, fast, and privacy-friendly using open-source tools.
🔗 Project Link: https://github.com/deepakpatilauthor/PDF-Tool-Node-JS-Project
What this project does
This web app lets users:
Convert PDFs to formats like Word, Excel, and images
Convert files back into PDF
Merge, split, and compress PDFs
Use everything without signing up
All files are processed temporarily and deleted automatically, so nothing is stored.
How I built it
I used Node.js for the backend and connected it with:
Ghostscript for handling PDF operations like compression
LibreOffice for document conversions
The whole system is stateless (no database), which keeps it simple and fast.
Why I built it this way
I wanted to prove that you don’t always need paid APIs or heavy infrastructure to build something useful. With the right open-source tools, you can create a solid, production-ready app.
What I learned
Working with system-level tools like Ghostscript and LibreOffice
Handling file uploads and processing efficiently in Node.js
Building a clean workflow without relying on a database
Thinking about performance and user privacy
Final thoughts
This project is a good example of how I approach building tools — keep it simple, make it useful, and avoid unnecessary complexity.
0
194
Clarity beats complexity.
I built this consequence map to cut through noise and see decisions for what they really are — trade-offs with outcomes. No guesswork, no overthinking. Just cause → effect, laid out clean.
Good decisions aren’t luck. They’re mapped.
Website Developer | Modern Business Websites & Landing Pages
New to Contra
Website Developer | Modern Business Websites & Landing Pages
Designed and developed a modern, responsive e-commerce website for a lifestyle brand. The project focuses on clean visual design, product presentation, intuitive navigation, and a smooth user experience across desktop and mobile devices. I created the landing page structure, product sections, responsive layouts, and clear calls-to-action using HTML5 and CSS3.
0
30
agency. The website focuses on clean UI, strong visual hierarchy, responsive layouts, clear service presentation, and conversion-focused calls to action. I created the page structure and styling to provide a professional experience across desktop and mobile devices.
1
1
125
APfutureastic is a modern digital agency website that I designed and developed to create a professional online presence and showcase the agency’s services. I focused on creating a clean and engaging user interface, responsive layouts, clear navigation, strong call-to-action sections, and a smooth experience across desktop and mobile devices. I handled the website structure, design, development, content sections, and responsive optimization, turning the initial concept into a functional and professional business website.
0
56
I designed and developed a premium e-commerce website for SHONEM, a herbal beauty and wellness brand.
The project focuses on creating a clean, luxury, nature-inspired digital presence for the brand.
I worked on the homepage, product presentation, navigation, responsive layout, and customer experience.
The website is structured to showcase SHONEM’s herbal formulations, Mehendi products, brand story, and purity process.
I also worked on the e-commerce architecture, customer accounts, orders, payments, inventory, and admin dashboard.
The goal was to create a professional, scalable online store that builds trust and makes purchasing simple.
Web Developer | Responsive Design & UI/UX Specialist
Web Developer | Responsive Design & UI/UX Specialist
Engineered a dynamic, multi-section input engine that optimized the user journey through scalable, real-time block management logic.
Validated a 30% improvement in form-filling efficiency by measuring user interaction speed against traditional static document templates.
Developed and owned a live-preview rendering engine with CSS-optimized print functions to ensure 100% document fidelity and recruiter-ready formatting.
0
93
Architected a high-performance frontend engine using Vanilla JavaScript and Tailwind CSS, resulting in a 40% increase in UI responsiveness compared to standard CSS frameworks. Engineered a client-side recommendation algorithm using Local Storage, dynamically analysing user behavioural data to suggest niche titles with a 100% data persistence rate without a backend.
Optimized user decision-making by implementing a real-time price comparison modal, increasing the application’s utility and simulation accuracy by 30% across mock retail datasets.
1
135
End-to-End Strategic Framework: Developed a comprehensive 7-step social media game plan, transitioning from high-level SMART goal setting to granular weekly content execution.
Data-Driven Audience Architecture: Engineered detailed consumer personas and competitor platform analyses to ensure content is tailored to specific demographic pain points and preferred communication modes.
Balanced Content Ecosystem: Implemented a strategic 40/30/20/10 content mix—prioritizing education and inspiration—to build community trust while maintaining consistent promotional growth.
Performance-Focused Iteration: Established a rigorous KPI tracking system (Awareness, Engagement, Conversions) alongside a "Lessons Learned" feedback loop to continuously optimize platform ROI.
0
53
Conversion-Centric Ad Creative: A minimalist, high-fidelity marketing asset designed for the premium kitchenware and gifting niche.
Engagement Focused: Specifically built to drive "saves" and "clicks" by framing a functional household item as a transformative "aesthetic essential."
Strategic Detail Integration: Combines beautiful lifestyle photography with a direct-to-retail CTA to reduce buyer friction and maximize ROI for e-commerce brands.
Results Oriented: Features a functional footer link optimized for social commerce, designed to bridge the gap between aspirational browsing and direct purchase.
Full Stack Software Developer | Laravel Expert | CRM, MLM
New to Contra
Full Stack Software Developer | Laravel Expert | CRM, MLM
1. Pages to be Redesigned
We would like a complete website redesign covering all major pages, including:
Home Page
Shop / Products Page
Product Details Page
About Us Page
Cart Page
Checkout Page
Contact Us Page
A full multi-page redesign is preferred to create a strong retail-focused online shopping experience.
2. Design Style & Feel
The website should reflect a premium coffee brand with:
Warm and earthy color tones
Artisan coffee shop atmosphere
Modern and bold visual design
Clean, professional layouts
High-quality product presentation
Mobile-friendly and responsive design
The designer can suggest creative ideas while maintaining a premium coffee brand identity.
3. Functionality Requirements
The website should include working eCommerce functionality, such as:
Product listing and filtering
Product detail pages
Add-to-Cart functionality
Shopping Cart page
Cart drawer / mini cart
Checkout flow (demo or functional)
User-friendly navigation
Mobile-responsive experience
4. Product Data
For the design and development phase, product information can initially be hardcoded in the frontend. Dynamic backend integration can be added later if required.
5. Content & Brand Direction
The redesign should take inspiration from the existing Gold Coffee website while improving the overall user experience and visual appeal.
Please retain:
Brand identity and coffee-focused messaging
Company story and heritage (where applicable)
Core product categories
You may also take creative liberty to enhance content, layouts, imagery, and user experience while maintaining the premium coffee brand voice.
0
69
Executive summary
Build a secure, web-based
platform that allows individuals to register as agents (part-time / full-time), generate &
manage leads for multiple financial products (home loan, personal loan, car
loan, insurance, etc.), upload customer KYC & product documents, track
status, and receive commissions. The platform supports a referral (downline)
tree where agents get referral commissions from their direct referrals only.
Â
Two portals will be delivered:
Â
Admin panel — registration management, lead review workflow,
payouts, reports, growth tracker, leaderboard, and manual commission
payouts.
Agent (user) panel
— registration, email
verification, KYC/bank uploads,
create & update leads,
track wallets, referral link & downline monitoring, edit profile.
Â
Additionally, a responsive corporate
website (4–5 pages, see Options)
and a downloadable responsive
APK hosted on the website.
Â
    Backend: Laravel (PHP 8.x)
    Database: MySQL
    Frontend: HTML5, CSS3, Bootstrap, JS
    App Type: PWA (Progressive Web App)
    Security: SSL, Encrypted Authentication, Role-based Access
Deliverables (what we will provide)
Core platform
(Web)
1.  ​Agent Registration & Onboarding
Public registration link.
Fields: name,
mobile number, email,
address, city. Email
verification with code.
Upload KYC & bank details (Aadhaar, PAN, bank details)
for payout. Profile submitted
for admin verification.
Admin approval → agent gets joining
confirmation email + welcome kit (PDF).
2.  ​Agent Panel (User)
Dashboard: lead summary, pending
approvals, wallets, recent activity.
Create New Lead
/ New File: lead name, mobile, email, product(s) of interest, product-specific document
upload (Aadhaar, PAN, CIBIL or product doc),
notes. Lead lifecycle tracking (open → under review → approved →
rejected → closed).
Edit lead (before final
approval) and upload
additional docs.
Two separate
wallet views: (A) Product Sales
wallet, (B) Network/Referral wallet.
Referral system: unique agent ID + referral link.
    Downline visualization (direct referrals only shown for earnings).
    Leaderboard (monthly
& annual).
    Profile edit page (permitted fields).
    Notifications (email + in-app)
for status updates,
payout notices.
3.  ​Admin Panel
Â
    Agent registration approvals (view docs, approve/reject with remarks).
    Lead review dashboard: filter/sort by product, status,
agent, date.
    Update lead status and add remarks
(rejection reasons visible
to agent).
    Manual commission payout processing (mark paid, export
payout report).
    Wallet management (credit/debit for agents).
    Growth tracker
and analytics:
â– Â
Number of leads created /
updated
â– Â
Approved leads count
â– Â
Rejected leads count & reasons
â– Â
Agent-wise conversion rate
Leaderboard admin
settings & reward
assignment.
Downline management & referral commission configuration (percentages).
Admin user management (roles: Super Admin, Finance, Operations).
Export reports (CSV / Excel / PDF).
Â
4.  ​Commission & Referral Rules
Product Sales commissions credited
to Product Sales wallet upon lead
completion (admin marks approved/completed).
Network Income:
commission awarded when a directly
referred agent closes
a deal. No commissions from second-level referrals.
Commission payouts
recorded and manually
paid on 15th of every
month (admin marks payouts).
Two wallets
visible to agent
(product sales + network income). Admin can configure commission
percentages per product.
Â
    A unique
Company Master ID will be created and integrated with the official website. All website-based
customer inquiries and agent registrations will automatically be assigned under
this Master ID.
     Agents joining through the company’s website referral link
will follow the existing onboarding process
(KYC, approval, dashboard access, commissions,
referral system).
Admin can view and manage all leads/registrations received through the website.
This feature ensures
centralized lead capture,
direct agent onboarding, and seamless integration with the existing referral and
commission structure.
Â
6.  ​Security & Compliance
    SSL / HTTPS ready.
    Role-based access
control.
    Secure file uploads with virus scan / size limits.
    Audit logs for critical
actions (lead status
changes, payouts).
    Basic data retention policy
(configurable).
Â
7.  ​Notifications & Emails
    Transactional emails:
verification code, profile
approval/rejection, lead
status updates, payout confirmations, onboarding welcome kit.
    Configurable email
templates.
Â
8.  ​APK
    Responsive Android
APK (web-wrapper / PWA-based APK) that provides
agent access (login, create leads, upload docs, track wallet).
Note: For native Google Play publishing, additional work is a separate
add-on.
Â
9.  ​Corporate Website
(5-page): Home | About
Us | Services | Agent
Join (registration link & benefits) | Contact Us
0
130
Apna World – Global Immigrant Social Networking Platform
Project Overview
Apna World is a community-driven social networking platform designed to connect immigrants worldwide through meaningful interactions, cultural exchange, and local support networks. The platform enables users to build connections, share experiences, discover opportunities, and engage with communities that help them adapt and thrive in their new environments.
Challenge
Immigrants often face challenges when relocating to a new country, including finding reliable information, building professional and social networks, discovering local communities, and accessing support resources. Existing social platforms are often too broad and lack features specifically tailored to immigrant communities.
Solution
Developed a comprehensive social networking ecosystem that allows users to:
Create and manage personal profiles
Connect with fellow immigrants and local communities
Share posts, experiences, and updates
Discover events and community activities
Participate in discussions and support groups
Build professional and personal networks
Access location-based community resources
Engage through real-time interactions and notifications
Key Features
User Management
Secure Registration & Login
Profile Creation & Customization
Privacy Controls
User Verification
Social Networking
News Feed & Activity Stream
Friend & Connection Requests
Community Groups
Follow & Engagement System
Likes, Comments & Sharing
Community Engagement
Discussion Forums
Cultural Communities
Event Management
Community Announcements
Resource Sharing
Communication
Real-Time Messaging
Notifications System
In-App Communication
User Interaction Tracking
Content Management
Post Creation & Publishing
Image & Media Uploads
Content Moderation
Reporting & Management Tools
Admin Dashboard
User Management
Community Moderation
Content Monitoring
Analytics & Reporting
Platform Configuration
Technology Stack
Backend
PHP Laravel
REST API Development
MySQL Database
Frontend
Laravel Livewire
Responsive UI/UX Design
Mobile-First Development
Administration
Filament Admin Panel
Role-Based Access Control
Infrastructure
Cloud Hosting
Security Implementation
Performance Optimization
My Contributions
Full-Stack Application Development
Database Architecture Design
Social Networking Feature Development
API Development & Integration
Admin Panel Development
User Authentication & Security
Responsive Frontend Implementation
Testing & Deployment
Results
Created a scalable community platform for global immigrants.
Improved user engagement through social networking features.
Enabled community-driven knowledge sharing and support.
Delivered a secure and mobile-friendly user experience.
Built a robust administration system for efficient platform management.
Skills Demonstrated
Social Network Development
Laravel Development
Livewire Development
Filament Admin Panel
MySQL Database Design
REST API Development
Authentication & Security
Responsive Web Development
Community Platform Architecture
Full-Stack Development
Project Type: Social Networking Platform | Community Portal | Immigrant Support Ecosystem | Web Application Development
0
81
Get complete control over your network marketing business with a centralized, automated administration hub. Based on the robust architecture of MLM Engine, I deliver secure, highly customizable, and "India-Ready" MLM platforms designed to manage your entire downline layout and process accurate commission calculations without glitching.
What you will get:
• Fully custom compensation plans (Binary with leg balancing calculators, Forced Matrix N×N plans, Single Leg, and Generation structures)
• Centralized Admin & Distributor Command Centers (Real-time tracking of registration, sales volume, and conversion rates)
• Secure automated E-Wallet & E-Pin transaction frameworks for payouts and digital token management
• Regional Indian integrations (GST-compliant digital invoicing, UPI payment gateways, and automated WhatsApp notifications)
MLM Software, Network Marketing, Binary Plan, Matrix Plan, Generation Plan, FinTech, E-Wallet System, E-Commerce Integration, Software Development