Forem: Mayank Roy

🛠️ LinkedIn Post: Major Updates in DevConnect

Mayank Roy — Fri, 18 Jul 2025 14:01:49 +0000

🔍 What’s New?

1️⃣ Enhanced Repo Cards

• 🚀 Refined layout in both Dashboard and MainFeed for a clean, polished look
• 📋 Added Copy Clone Link buttons for one-click access

2️⃣ Richer Media Layout

• 🎨 Refined image/video grid styling—crisp, responsive, and visually appealing

3️⃣ 🔐 Stronger Sign-up Protection

• 🔄 Password normalized before hashing
• ✅ Enforced full validation: length, character types & edge cases

💡 Why It Matters

Better UX = happier users
Enhanced security = peace of mind
Faster workflows = dev momentum

📌 What’s Next

Lightbox/modal previews
Inline error alerts
Accessibility improvements

Thrilled to see how these changes improve DevConnect—stay tuned for more upgrades! 🌟

I’m excited to share some 🔥 updates in DevConnect

Mayank Roy — Thu, 17 Jul 2025 13:13:04 +0000

✨ feat: Added CommentBox & CommentList components to enable seamless user comments!

✅ feat: Refactored MainFeed and LikeButton to include commenting and improve repo display.

🔧 feat: Cleaned up media upload logic, integrated comments and likes—everything now works together beautifully in the feed.

Why it matters:

Users can now comment directly on posts and see updates instantly—better engagement!
Cleaned component structure and Redux logic help maintainability and scalability.
UI is more intuitive and interactive, blending likes, comments, and media seamlessly.

💬 I’d love your feedback: How do you approach comments in social features? Any libraries or patterns you swear by?

🚀I’m excited to share the latest improvements in DevConnect!

Mayank Roy — Wed, 16 Jul 2025 10:26:32 +0000

✨ What’s new:

Improved repo display in MainFeed — simplified logic, removed useFetchRepos hook, and built cleaner component structure.
CommentBox feature — users can now add comments directly on posts. The functionality is powered by a new createAsyncThunk in the Redux slice and handled cleanly via extraReducers.
UI clarity boost — enhanced layouts with refined styling, making media, likes, and comments easy to read and interact with.

🛠️ The why behind the changes:

Removed unnecessary abstraction (useFetchRepos) to reduce complexity and improve render performance.
Leveraged Redux Toolkit’s createAsyncThunk for robust async handling—just like industry standards .
Ensured a seamless user experience: comment submissions instantly update the feed via optimized state handling.

🔍 What this means for users:

Quick, responsive commenting experience.
Streamlined UI with intuitive layout and feedback.
Clearer codebase = faster iteration for future enhancements.

🙌 Next steps:

Add delete & edit options for comments
Style feedback/loading states
Optimize media previews

Curious to hear your input—what’s your approach to handling real-time comments in web apps?

🚀 What’s New in DevConnect

Mayank Roy — Mon, 14 Jul 2025 12:05:00 +0000

📥 Media upload revamped – improved file handling and refreshed UI for smoother post creation via the Dashboard.

🔁 Refactored backend logic – streamlined both create & update flows, now using githubRepoName for clarity.

🧩 New hook added – useFetchRepos neatly fetches GitHub repository data, keeping concerns separated and components clean.

💡 Why It Matters

⚡️ Upload fast, post faster – better performance and UX when adding images/videos.

🧹 Cleaner code = fewer bugs, easier maintenance, and less confusion around repo fields.

✨ Modular patterns with hooks make fetching GitHub repos reusable and efficient.

👀 What’s Next?

Adding cross-check badges (stars/forks) next to GitHub links.
Implementing error/loading feedback in the UI.
Building out comments & notifications features.

💬 I'd Love Your Feedback

How do you handle media file uploads and GitHub data in your web apps? Any best practices or libraries you'd recommend?

🚀 DevConnect Progress

Mayank Roy — Fri, 11 Jul 2025 14:15:05 +0000

✅ Added Like toggling — users can now like/unlike posts, stored in Redux

🔄 Refactored how Dashboard fetches posts

💡 Introduced new LikeButton component for consistent UI across app

🤯 My biggest headache?

Turns out the root cause was a damn route spelling mistake (/post instead of /posts) — yeah, wasted HOURS on that one. 😫 And if that wasn’t enough, the like state wasn’t updating instantly in the UI due to a mix‑up between React component state and Redux state. Figuring that out taught me so much about state flow and debugging in React + Redux .

✅ Why it matters

Centralized state with Redux ensures like counts are always accurate and consistent.
A reusable LikeButton simplifies future maintenance and styling.
Cleaner fetch logic = fewer bugs and better performance.

🎯 What’s next?

Improve real-time UI updates (optimistic rendering when liking/unliking)
Add feedback/loading indicators around like actions
Build out comments feature next 🚧

💬 I'd love your insights:

Ever spent hours debugging a typo route issue? How did you stop that cycle?
How do you handle global vs component state for UI vs data?
Your tips or stories would be amazing to hear!

🚀 New endpoint: Fetch user profile data reliably on demand

Mayank Roy — Thu, 10 Jul 2025 04:26:47 +0000

🛡️ Global error handler: Centralized Express middleware to catch and format API errors consistently

📦 Clean imports: Refactored Axios imports to streamline HTTP calls across components

🐛 My debugging nightmare

I spent hours chasing down an elusive error—requests were sporadically failing, but the message didn’t point to any file or component. Tracking it felt like chasing ghosts through async routes. Debugging this taught me the difference between scattered try/catch and a centralized error .
That moment was brutal…but so rewarding when I finally found and fixed the root cause. Seriously, nothing sharpens your skills quite like those moments.

✅ Why this matters

🧩 Cleaner code – one place for all error handling makes services easier to maintain

📈 Better UX – users see consistent error messages, not ugly stack traces

⚡ Developer sanity – less time lost debugging and more time building

💭 What’s next?

Improving frontend UX around loading/error states
More API endpoints: updating profiles, fetching followers, etc.
Deepening test coverage for error paths

🎙️ I’d love your input
Any tips for debugging Express errors faster?
How do you handle Axios imports and error handling in large React apps?
Always grateful for insights from the community 🙏

🚀 DevConnect Progress Update!

Mayank Roy — Wed, 09 Jul 2025 07:12:46 +0000

Just pushed two major improvements:

🔀 Enhanced routing & UI components — improved how posts are created, edited, and displayed.

🗂️ Dashboard tabs added — now users can easily switch between Posts, Media, and GitHub repos.

Fun fact:

while building the profile post feed, I accidentally overwrote the Main feed—so everything showed up in the wrong place! 😅 Good catch during testing, and now it’s fixed.

Also, I admit: I didn’t document these changes from the start, but I’m committing to better documentation going forward 📚✅.

✅ Why it matters:

Cleaner navigation and UI make DevConnect more intuitive.
Tabs give focused access to different content types.
And hey—errors like these remind me testing matters more than perfection.

💭 Over to you:

Have feedback on the new tab setup?
What's your go-to pattern for documenting UI changes?
Let me know—I’m all ears!

🚧 Pre-Launch DevConnect Update:

Mayank Roy — Tue, 08 Jul 2025 08:36:51 +0000

Still no live demo yet… but hit a major milestone today: DevConnect can now fetch GitHub repos and support image/video uploads—despite a hell of a learning curve!

🧑‍💻 What’s Working (So Far):

✅ GitHub Integration: DevConnect now fetches public repos from GitHub—it feels amazing to see real code showing up in the profile!

✅ Media Uploads: Image and video uploads work (thanks, Cloudinary), even though I accidentally uploaded test videos 30 times before fixing my file-path logic.

⚠️ Challenges Along the Way:

🐞 That ONE async bug: a missing await caused duplicate uploads—my Cloudinary account saw a surge in nonsense. Debugging that definitely earned me ☕.

🧩 State management chaos: toggling between Context & Redux Toolkit had me rethinking my approach—but it's in a solid place now.

🧭 UI polish: making responsive post cards look nice on mobile took way more effort than I expected.

🎯 Why Keep Building
I'm working on DevConnect pre-launch to:

Blend social + code sharing—so devs don’t have to juggle GitHub and Twitter separately.
Create an early beta community, whose feedback will help shape features like comments on repos and like buttons.

Note: While there’s no live button yet, every bug fix and user test brings it closer. I’m also researching how to tease development publicly—informed by advice to build excitement early on 🧠.

💡 Can You Help?

What feature matters most to you? Issues tracker? Project boards? Commenting on repos?
Want to swing by the early demo? DM me—I’d appreciate any feedback.

DevConnect is still in progress: no live demo yet.
But it's already pulling real GitHub repos + uploading media.
Lots of cleanup & polish still ahead—just sharing wins and lessons early 👊.

Day 8: Exploring Functions in C++ - The Building Blocks of Reusability

Mayank Roy — Sun, 19 Jan 2025 08:41:49 +0000

1. Functions in C++ (Syntax, Return Type, etc.)

A function is a block of code designed to perform a specific task.
Functions in C++ follow this basic syntax:

  returnType functionName(parameters) {
    // function body
}

Return Type: Specifies the data type of the value returned by the function. Use void if no value is returned.
Function Name: Describes what the function does.
Parameters: Input values for the function (optional).

#include <iostream>
using namespace std;

// Function to check tea temperature
int checkTeaTemperature(int temperature) {
    return temperature;
}

int main() {
    int temp = checkTeaTemperature(85);  // Function call
    cout << "The tea temperature is " << temp << "°C" << endl;
    return 0;
}

2. Declaring a Function

Function declaration tells the compiler about the function’s name, return type, and parameters. It’s also called a function prototype.
The function body is defined elsewhere.

#include <iostream>
using namespace std;

// Declaring the function (prototype)
void serveChai(int cups);

int main() {
    serveChai(3);  // Function call
    return 0;
}

// Function definition is done later
void serveChai(int cups) {
    cout << "Serving " << cups << " cups of chai!" << endl;
}

3. Defining a Function

A function definition includes the full function with the body.
You must define the function after declaring it if it’s not inline.

#include <iostream>
using namespace std;

// Function definition with body
void makeChai() {
    cout << "Boiling water, adding tea leaves, and serving chai!" << endl;
}

int main() {
    makeChai();  // Calling the function
    return 0;
}

4. Calling a Function

To execute a function, you call it by its name followed by parentheses.
If the function takes arguments, pass them inside the parentheses.

#include <iostream>
using namespace std;

// Function to brew tea
void brewChai() {
    cout << "Chai is being brewed!" << endl;
}

int main() {
    brewChai();  // Function call
    return 0;
}

5. Function Parameters (Formal, Actual, Default Parameters)

Formal parameters: Defined in the function signature.
Actual parameters: Values passed during the function call.
Default parameters: Parameters with default values if none are passed.

#include <iostream>
using namespace std;

// Function with default parameter
void serveChai(string teaType = "Masala Chai") {
    cout << "Serving " << teaType << endl;
}

int main() {
    serveChai();               // Uses default parameter
    serveChai("Green Chai");    // Uses actual parameter
    return 0;
}

6. Pass by Value

Pass by value means the function receives a copy of the argument. Changes made inside the function do not affect the original variable.

#include <iostream>
using namespace std;

void pourChai(int cups) {
    cups = cups + 1;  // Modifies local copy
    cout << "Poured " << cups << " cups of chai!" << endl;
}

int main() {
    int chaiCups = 2;
    pourChai(chaiCups);  // Passing by value
    cout << "Total chai cups outside function: " << chaiCups << endl;
    return 0;
}

7. Pass by Reference

Pass by reference passes the actual variable, so changes in the function affect the original variable.

#include <iostream>
using namespace std;

void refillChai(int &cups) {  // Pass by reference
    cups += 2;
    cout << "Refilled to " << cups << " cups of chai!" << endl;
}

int main() {
    int chaiCups = 3;
    refillChai(chaiCups);  // Passing by reference
    cout << "Total chai cups now: " << chaiCups << endl;
    return 0;
}

8. Scope of Variables

Variables declared inside a function have local scope (accessible only within the function).
Variables declared outside all functions have global scope (accessible from any function).

#include <iostream>
using namespace std;

int globalChaiStock = 100;  // Global variable

void serveChai() {
    int localCups = 5;  // Local variable
    cout << "Serving " << localCups << " cups from " << globalChaiStock << " total stock." << endl;
}

int main() {
    serveChai();
    cout << "Global chai stock after serving: " << globalChaiStock << endl;
    return 0;
}

9. Function Overloading

Function overloading allows multiple functions with the same name but different parameter types or numbers.

#include <iostream>
using namespace std;

// Function overloading
void brewChai(int cups) {
    cout << "Brewing " << cups << " cups of chai." << endl;
}

void brewChai(string teaType) {
    cout << "Brewing " << teaType << "." << endl;
}

int main() {
    brewChai(3);             // Calls int version
    brewChai("Masala Chai");  // Calls string version
    return 0;
}

10. Lambda Functions

A lambda function is an anonymous function that can be defined inline using the[] syntax.
They’re useful for short, simple functions.

#include <iostream>

using namespace std;



int main(){

   //lambda
   [](int cups){
        cout << "Preparing " << cups << " cups of tea" << endl;
   }(5);

    return 0;

}

Summary:

Function Declaration & Definition: Tell the compiler about a function and define what it does.
Calling Functions: Execute the function by passing arguments if required.
Pass by Value/Reference: Controls whether changes affect the original value or a copy.
Function Overloading: Allows multiple functions with the same name but different parameter lists.
Lambda Functions: Short, inline functions used for simple tasks.

Day 7: Unlocking the Power of Loops in C++

Mayank Roy — Sat, 11 Jan 2025 07:34:21 +0000

Day 7 of my C++ journey introduced me to loops, the tools that bring repetition and efficiency to programming. I explored for, while, and do-while loops, understanding how they help execute code multiple times based on conditions.

1.While Loop

Challenge: Write a program that keeps track of tea orders. Each time a cup of tea is made, decrease the number of cups remaining. The loop should run until all cups are served.

#include <iostream>

using namespace std;

int main(){

    int teacups;

    cout << "Enter the number of teacups to serve: " << endl;
    cin >> teacups;

    //while loop
    while ( teacups > 0 ){
        teacups--;
        cout << "Serving a cup of tea \n" << teacups << " remaining" << endl ;

    }

    cout << "All tea cups are served." << endl;

    return 0;
}

Going through the code:

-whileloop is used to execute a block of code as long as a condition is true.

The condition is checked before eachiterationof the loop.
The loop will continue to execute as long as the condition is true.
The loop will execute at least once, even if the condition is initially false.

while (condition){
      // Code to be executed
}

Here while checks if the teacups is greater than 0, if it is true, it will execute the code inside the loop. If the teacups is 0, the loop will not execute and the program will continue to the next line.

2.Do-While Loop

Challenge: Create a program that asks the user if they want more tea. Keep asking them until they type “no” (case-insensitive), using a do-while loop.

#include <iostream>
#include <string>

using namespace std;

int main(){
    string response;
    do {
        cout << "Do you want more tea (yes/no): " << endl;
        getline(cin, response);
        cout << "Here is your cup of tea enjoy!!" << endl;
    } while (response != "no" && response != "No");


    return 0;
}

Going through the code:
Here we have used the do-while loop. The loop will execute at least once, even if the condition is initially false.

do {
    // code to be executed
} while (condition);

Here do prints the message and asks the user for input. Then it checks if the response is equal to “no” or “No”. If it is, it will execute the code inside the loop. If it is not, it will exit the loop and continue to the next line.

3.For Loop

Challenge: Write a program that prints the brewing instructions for making cups of tea. The brewing process should be printed once for each cup using a for loop.

#include <iostream>
#include <string>
using namespace std;

int main(){
    int teacups;

    cout << "Enter the of teacups you want: " ;
    cin >> teacups;

    for(int i = 1; i<= teacups; i++){
        cout << "Brewing cup  " << i << "  of tea.." << endl;
    }


    return 0;
}

Going through the code:

Here we are using the for loop. The loop will execute the code inside the loop for the specified number of times.

for (initialization; condition; increment/decrement) {
    // code to be executed
}

For loop has three parts:

Initialization: This is where you initialize the loop variable.
Condition: This is where you check if the loop should continue or not.
Increment/Decrement: This is where you update the loop variable.

In our case, we are initializing the loop variable withi = 1 and checking if the loop should continue with i <= teaccups. If the condition is true, the code inside the loop will be executed. If the condition is false, the loop will exit and the program will continue to the next line.

Day 6: Learning Conditionals – The Building Blocks of Logic

Mayank Roy — Fri, 10 Jan 2025 09:03:51 +0000

*Day 6 of my C++ journey was all about conditionals, the decision-makers of programming. I explored if, else, else if, and switch statements to handle different scenarios based on conditions. *

1. If Statement
Challenge:

Write a program that checks if the user wants to order Green Tea. If the user types “Green Tea,” the program should confirm their order.

#include <iostream>
#include <string>
using namespace std;

int main(){

    string order;
    cout << "What would you like to order? ";
    getline(cin, order);

    if(order == "Green Tea"){
        cout << "Your Order For Green Tea is placed!" << endl;
    }

    return 0;
}

Going through the code:

The stringorder; line declares a variable named order of typestring and does not assign a value to it.
The cout << "What would you like to order? ";line prints the string "What would you like to order? " to the console.
Thegetline(cin, order); line reads a line of input from the console and assigns it to the order variable.
Theif(order == "Green Tea") line starts an if statement that checks if the order variable is equal to the string “Green Tea”.
Thecout << "Your Order For Green Tea is placed!" << endl; line prints the string "Your Order For Green Tea is placed!" followed by a newline character to the console.

-return 0; line indicates that the program has finished executing and returns a value of 0. It can return any value, but in this case, we are returning 0 as this is the exit code for a successful program execution.

2. If-Else Statement
Challenge:
Write a program that checks if a tea shop is open. If the current hour (input by the user) is between 8 AM and 6 PM, the shop is open; otherwise, it’s closed.

#include <iostream>

using namespace std;

int main(){

    int hour;

    cout << "Enter the current hour (0-23):";
    cin  >> hour;

    if ( hour >= 8 && hour <= 18){
        cout << "The Shop is open" << endl;
    }
    else{
        cout << "The Shop is closed" << endl;
    }


    return 0;
}

Going through the code:

The int hour;line declares a variable named hour of type intand does not assign a value to it.
The cout << "Enter the current hour (0-23): "; line prints the string “Enter the current hour (0-23): ” to the console.
The cin >> hour; line reads an integer from the console and assigns it to thehour variable.
The if(hour >= 8 && hour <= 18) line starts an if statement that checks if the hour variable is greater than or equal to 8 and less than or equal to 18.
The cout << "The shop is Open" << endl; line prints the string “Tea shop is OPEN!” followed by a newline character to the console.
The else { line starts an else block that is executed if the if statement is false.
The cout << "The shop is closed" << endl;line prints the string "The shop is closed"followed by a newline character to the console.
return 0;line indicates that the program has finished executing and returns a value of 0. It can return any value, but in this case, we are returning 0 as this is the exit code for a successful program execution.

3. Nested If-Else
Challenge:

A tea shop offers discounts based on the number of tea cups ordered. Write a program that checks the number of cups ordered and applies a discount:* More than 20 cups:

20% discount
Between 10 and 20 cups: 10% discount
Less than 10 cups: No discount

#include <iostream>

using namespace std;

int main(){

    int cups;
    double pricePerCup = 2.5, totalPrice, discountedPrice ;

    cout << "Enter the number of tea cups you want :" << endl;
    cin >> cups;

    totalPrice = cups * pricePerCup;

    if( cups > 20 ){
        discountedPrice = totalPrice - (totalPrice * 0.20);
        cout << "You have ordered  " << cups << "  cups you are eligible for 20% discount" << endl ;
        cout << "Original Price\t" << totalPrice << endl << "Discounted Price\t" << discountedPrice << endl ;
    }else if( cups >= 10 && cups <= 20){
        discountedPrice = totalPrice - (totalPrice * 0.10);
         cout << "You have ordered\t" << cups << "\tcups you are eligible for 10% discount" << endl ;
        cout << "Original Price\t" << totalPrice << endl << "Discounted Price\t" << discountedPrice << endl ;
    }else{
        cout << "You are not eligible for a discount" << endl;
    }



    return 0;
}

4. Switch Case
Challenge:

Write a program that lets the user select a tea type from a menu. Use a switch statement to display the price based on the selected tea:

Green Tea: $2
Black Tea: $4
Oolong Tea: $10
Chamoline Tea : $15

#include <iostream>
#include <string>

using namespace std;

int main(){
    int choice;
    double price;

    cout << "Select your tea \n";
    cout << "1. Green Tea \n";
    cout << "2. Black  Tea \n";
    cout << "3. Oolong Tea \n";
    cout << "4. Chamoline  Tea \n";
    cout << "Enter your choice in number: \n";

    cin >> choice;

    switch(choice){
        case 1 :
            price = 2.0 ;
            cout << "You have selected Green Tea. Price:  $" << price << endl ;
            break;
        case 2 :
            price = 4.0 ;
            cout << "You have selected Black Tea. Price:  $" << price << endl ;
            break;
        case 3 :
            price = 10.0 ;
            cout << "You have selected Oolong Tea. Price:  $" << price << endl ; 
            break;
        case 4 :
            price = 15.0 ;
            cout << "You have selected Chamoline Tea. Price:  $" << price << endl ;
            break;
        default :
            cout << "Invalid Choice!!" << endl ;
            break;
    }


    return 0;
}

Day 5: Operators in C++ – Building Blocks of Logic

Mayank Roy — Fri, 27 Dec 2024 06:20:58 +0000

Understanding Operators in C++

Operators are the backbone of programming in C++, allowing us to perform operations, make decisions, and control the flow of a program. On Day 5 of my C++ journey, I dived deep into the world of operators and uncovered how they act as the tools to manipulate and process data effectively. Here's a summary of what I learned:

Arithmetic Operators
Write a program that calculates the price of tea packs. A user enters the number of tea packs they want, and the price per pack. Apply a 10% tax to the total price and display the final cost.

Assignment Operators
Create a program where the user inputs the number of tea bags they have. If the number is less than 10, give them 5 extra bags using the += assignment operator. Display the updated total.

Relational Operators
A tea shop offers a loyalty program. Customers who buy more than 20 cups of tea get a special "Gold" badge, and those who buy 10 to 20 cups get a "Silver" badge. Write a program to display the badge they will receive based on the number of cups they buy.

Logical Operators
Create a program that checks if a user is eligible for a tea subscription discount. The discount applies if the user is either a student or has purchased more than 15 cups. Ask the user to input their status (student or not) and their cup count.