DEV Community: Md. Al-Amin

Premium Courses You Can Access for Free as a Student

Md. Al-Amin — Wed, 22 Oct 2025 12:56:22 +0000

Hope everyone is well!

Today I’ll show you how you can access premium subscriptions like DataCamp, Frontend Masters, Scrimba, and more — completely free, just for being a student.

🎓 How It Works

If you're a student (with a valid .edu or school email), you can apply for the GitHub Student Developer Pack. Once you're verified, you’ll unlock access to many amazing edtech platforms without paying anything.

Not sure how to get the GitHub Student Pack? Just search "how to get GitHub Student Developer Pack" on YouTube — there are tons of step-by-step guides.

🔓 Once you're verified, you can access the platforms below for free.

📊 DataCamp

What is it?

Master data science and analytics with hands-on courses in Python, R, SQL, and machine learning.

Student Offer:

🎓 3 months of premium access for free.

🧪 AlgoExpert

What is it?

A complete platform for coding interview prep — DSA questions, system design, behavioral tips, and more.

Student Offer:

✅ Access to 20 interview questions + 10% discount on full access.

🧑‍💻 Frontend Masters

What is it?

In-depth courses on JavaScript, React, CSS, Node.js, and more from industry experts.

Student Offer:

🎁 Free 6-month access to all courses and workshops.

🎥 Scrimba

What is it?

Interactive coding courses with a unique screencast format. Learn JavaScript, React, Python, and more.

Student Offer:

📅 1 month of free Pro access (40+ premium courses and projects).

🎓 Codédex

What is it?

An interactive platform designed for Gen Z to learn Python, HTML, CSS, JavaScript, Git, and more.

Student Offer:

📅 6 months of Codédex Club (premium) access for free.

🧠 Educative

What is it?

Text-based coding courses — no setup needed. Learn system design, web dev, Python, and more.

Student Offer:

🚀 6 months of free access + 30% discount on any subscription.

💻 GoRails

What is it?

Screencasts for Ruby, Rails, JavaScript, and Hotwire frameworks.

Student Offer:

🆓 12 months of free access to all lessons.

🍰 Interview Cake

What is it?

Practice for coding interviews with real-world questions, explanations, and cheat sheets.

Student Offer:

🧠 1 week of full access to the complete interview prep course.

🐘 SymfonyCasts

What is it?

Learn PHP and Symfony with guided tutorials and challenges.

Student Offer:

📅 3-month free subscription for students.

🌐 Codeasy

What is it?

Beginner-friendly platform to learn web development fundamentals.

Student Offer:

🎁 1 month of free access to the full web dev course.

🧑‍🎓 Final Thoughts

You don’t need to break the bank to learn to code. If you're a student, you’ve already got a huge advantage — take full advantage of it with these free premium subscriptions.

If you found this helpful, drop a ❤️ and share it with a fellow student.

And let me know in the comments if you know any other awesome student perks I should include!

I will show you how to reduce AI hallucination and get the best result from your agent

Md. Al-Amin — Mon, 18 Aug 2025 18:58:53 +0000

Hello fellow devs,

Today I want to talk about something many of you are already familiar with, but this post is mainly for those who are not. You might already be guessing that I’m talking about MCP (Model Context Protocol)—and you’re right.

Now, some of you may say, “Everyone knows about MCP already,” and I agree. But there are still many people who don’t really know about its capabilities, and this post is for them.

I’m also planning to start a series of posts exploring MCP servers and will be sharing them here.

What is MCP?

MCP stands for Model Context Protocol. It’s a standard way to connect external tools, APIs, and data sources directly to your AI agent. Instead of relying only on what the model “remembers” or “guesses,” MCP gives the agent structured context and reliable information.

A simpler way to explain: suppose you want your agent to access your website, database, or updated documentation—MCP makes that possible.

Why do we need it?

Most AI models are limited by their training data. When we ask something outside that scope, they often hallucinate—producing answers that sound right but are actually wrong. MCP solves this by letting the model fetch real, up-to-date, and accurate information instead of inventing it.

Sometimes we waste requests by just giving prompt after prompt, but the agent still doesn’t understand the task. With MCP, the agent can access the output directly, identify problems, and fix them without constant intervention.

Today I’ll talk about 3 MCP servers that you can use in your daily coding life:

Sequential Thinking → Breaks down complex tasks into smaller parts, making them easier to solve while reducing the risk of hallucinations.
Memory → Gives your agent memory across sessions/chats.
Context7 → AI models are trained on old data, but technology evolves rapidly. With Context7, your agent can stay updated with the latest tools and documentation.

How to Install MCP Servers in VS Code

Here’s how you can set up these powerful tools in your development environment.

Method 1: VS Code Extension (Recommended)

Open VS Code and go to the Extensions view (Ctrl+Shift+X).
Search for "MCP" in the extensions marketplace.
Look for the MCP section—you’ll see various MCP servers available.
Click on the MCP section—this will redirect you to a web page where you can browse and install different MCP servers.
Install your chosen servers—you can install multiple servers to enhance your AI agent’s capabilities.

Method 2: Manual Installation with `mcp.json`

If you prefer more control over your MCP configuration, you can set it up manually:

Create an mcp.json file in your project root:

{
  "mcpServers": {
    "sequential-thinking": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-sequential-thinking"]
    },
    "memory": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-memory"]
    },
    "context7": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-context7"]
    }
  }
}

Install the servers using npm:

npm install @modelcontextprotocol/server-sequential-thinking
npm install @modelcontextprotocol/server-memory
npm install @modelcontextprotocol/server-context7

Method 3: Global Installation

For system-wide access to MCP servers:

npm install -g @modelcontextprotocol/server-sequential-thinking
npm install -g @modelcontextprotocol/server-memory
npm install -g @modelcontextprotocol/server-context7

Real-World Examples

Here’s how MCP servers can transform your AI interactions:

Before MCP (Typical AI Response):

User: "Help me optimize this React component for performance"

AI: "You can use React.memo and useMemo. Here's a basic example..."

After Sequential Thinking MCP:

User: "Help me optimize this React component for performance"

AI: "Let me analyze this step by step:

1. First, I'll examine your component structure
2. Identify potential performance bottlenecks
3. Consider different optimization strategies
4. Provide specific recommendations with reasoning

Based on my analysis, here are the key areas for optimization..."

Before MCP (Memory Issues):

User: "Remember that React component we worked on yesterday?"

AI: "I don't have access to our previous conversation..."

After Memory MCP:

User: "Remember that React component we worked on yesterday?"

AI: "Yes! We were working on the UserProfile component that had performance issues.  
I remember we implemented React.memo and useCallback. Let me continue from where we left off..."

Since I started using these MCP servers, my development experience has improved dramatically:

Faster problem-solving with systematic thinking
Consistent code quality through remembered preferences
Up-to-date solutions with current documentation access
Reduced debugging time thanks to better context awareness

If this post gets good feedback, I’ll keep sharing more in this MCP series.

5 Premium AI Tools Subscription You Can Get for Free

Md. Al-Amin — Fri, 04 Jul 2025 05:00:18 +0000

These days, it's hard to go a day without using AI—but to truly get the most out of it, you usually need to pay for a pro plan. And most of us students can’t afford that. So, I’ve put together a list of top AI tools that offer premium features for **free—no credit card **required.

🔓 1. Perplexity Pro — Free for Samsung Users (1 Year)

Value: \$240/year
Works in: Most regions

You have a Samsung phone? You can claim Perplexity Pro for 1 year—free. This means access to:

GPT-4o and Claude 3 Opus
Pro Search (real-time + citations)
File uploads and image generation
No credit card, just Samsung account
50 Queries per month in labs

🧭 How to claim:

Go to the Galaxy Store
Download Perplexity AI
Sign in and you’re upgraded automatically

🎓 2. Google Gemini Pro— Free for Students (15 Months)

Region: US & Canada
Value: \$300+ worth

Google is giving students access to Gemini Advanced (formerly Bard Pro) for 15 months. That’s more than a year of access to Gemini 2.5 Pro!

📩 How to get started:

Go to Google’s AI Student Offer
Sign in with your recently created Gmail
Verify and activate—done!

👨‍💻 3. GitHub Copilot Pro — Free for Students

Students can get access to the GitHub Copilot Pro plan and enjoy 300 premium code completions per month along with unlimited chat access

🎁 Included with GitHub’s Student Developer Pack:

Pro-level code completions
Chat inside VS Code
Agent mode support

🎓 How to claim:

Visit GitHub Student Pack
Verify your student status
Enable Copilot Pro—no credit card needed

📓 4. NotebookLM — Free Premium Access for Students

Disclaimer: If you activated a Google Pro plan using Method 2, you’ll also get access to NotebookLM Pro at no extra cost.

With a .edu email, you get:

More uploads per notebook
Faster, deeper AI summaries
Audio explanations and citations

📘 Best for: research papers, note condensing, or summarizing long PDFs.

🛠️ How to access:

Go to notebooklm.google.com
Sign up with your .edu email
You’re upgraded instantly

🧠 5. Notion AI Premium — Free via GitHub Student Developer Pack

Value: \$96/year
Region: Global

If you're already claiming GitHub Copilot Pro, don't sleep on this one—Notion AI Premium is bundled in the GitHub Student Developer Pack too!

📦 How to claim:

Visit GitHub Student Pack
Scroll to Notion offer
Sign up or connect with your student email
Premium activates automatically—no credit card

If you found this useful, feel free to share or bookmark—and drop your own favorite AI freebie in the comments.

Follow me if you want more drops like this—AI tools, dev hacks, and real-world student-friendly resources. 🔧💻

This AI Tool Creates Professional Diagrams in 3 Seconds (You'll Definitely Love It!)

Md. Al-Amin — Wed, 11 Jun 2025 18:52:44 +0000

Stop Wasting Hours on Design—Let AI Handle Your Figures

Ever struggled to explain a concept because creating diagrams eats up your time? Whether it’s for a presentation, paper, or documentation, visuals beat plain text—but they take forever.

Fun fact: I even made the cover image for this post using it😁.

Meet Napkin AI:

Paste your bullet points, click the spark button, and instantly get a polished figure—with icons, spacing, and typography handled. No design skills or templates needed.d)

Let me show you exactly how this works with a real example:

Input Text:

The Magic Moment:

I paste this text into Napkin AI, click the blue spark button, and BOOM!

It generates this beautiful comparison table showing "Compiler vs. Transpiler" with:

Color-coded sections
Professional icons
Clean typography
Perfect spacing
Ready-to-use design

The Best Part? Export Options That Actually Work

You can export your creations as:

PNG - Perfect for documentation and README files
SVG - Scalable for web and presentations
PowerPoint slide - Edit directly and copy-paste into your deck

Boom! Your figure is done. ✨

The Secret Sauce: How to Get Better Results

Pro tip:✌ The more specific your text, the better the output. Instead of writing "database stores data," write "PostgreSQL database stores user profiles with foreign key relationships to sessions table."

Napkin AI understands technical jargon - use it to your advantage!

Try It Right Now (Free!)

Go to app.napkin.ai
Paste any technical text you have
Click the blue spark button
Watch the magic happen

The free plan is surprisingly generous for everyone getting started.

Found this helpful?😁 Follow me for more developer productivity tools and tips!

Think this is a cool tool?** Drop a comment below ❤

For more ai resource like this follow me on telegram

Stop Copy-Pasting Your Entire Codebase to AI — Try This!

Md. Al-Amin — Wed, 04 Jun 2025 19:52:49 +0000

Ever spent 20 minutes explaining your frontend structure to ChatGPT/Claude/Cursor, only to have it misunderstand what you're trying to build? Yeah, me too. Here's a tool that fixes this annoying problem.

The Problem We All Face

Picture this: You want to modify your component. Your typical AI conversation goes like this:

You: "Can you help me style my navbar?"
AI: "Sure! Can you share your navbar code?"
You: *pastes 50 lines of JSX*
AI: "What about the CSS?"
You: *pastes another 100 lines*
AI: "Where is this component used?"
You: *explains folder structure*
AI: "Can you describe what it currently looks like?"
You: *tries to describe UI in words*
AI: *generates code*
You: "That's not what I wanted at all..."

20 minutes later, even after sharing everything, the AI still doesn't understand your vision and delivers something completely different from what you had in mind.

Enter Stagewise: Visual Context for AI

Stagewise is a browser toolbar that lets your AI agents actually see your frontend. No more explaining folder structures or describing UI elements with words.

How it works:

🎯 Point & Click: Select any element on your webpage
💬 Add Context: Write what you want to change
🤖 AI Magic: Your code editor receives both visual and text context
✅ Done: Changes happen automatically

Quick Setup (< 5 minutes)

Currently supports Windsurf and Cursor (more editors coming soon).

Step 1: Install Extension

From VS Code Marketplace, install the Stagewise extension.

Step 2: Setup Toolbar

Option A - Auto Setup (Recommended):

Press Ctrl+Shift+P (Command Palette)
Type setupToolbar
Hit Enter
Cursor automatically injects the necessary code

Option B - Manual Setup:
Check their docs for framework-specific examples (React, Next.js, Vue, Nuxt).

Step 3: Run Your App

npm run dev

You'll see a floating toolbar in the bottom-right corner.

Demo: Redesigning a Navbar in 30 Seconds

Instead of the usual back-and-forth with AI, here's what actually happened:

Selected the navbar element on my webpage
Typed: "Change this navbar design"
Sent to Cursor via Stagewise
Cursor received complete element data: classes, styles , DOM structure, and exact text content - no more blind guessing!
Changes applied automatically

✅ What works great:

Saves tons of time on context explanation
AI understands exactly what you're pointing at
No complex setup required

Framework Support

Works with all major frameworks:

React: @stagewise/toolbar-react
Next.js: @stagewise/toolbar-next
Vue: @stagewise/toolbar-vue
Nuxt: @stagewise/toolbar-vue

Check their examples repo for implementation details.

Links:

- Examples

What's your biggest pain point when working with AI on frontend projects? Drop it in the comments — maybe there's a tool for that too! 👇

For more ai resource like this follow me on telegram

How to Install Docker on Windows 10/11 - Complete Guide

Md. Al-Amin — Tue, 03 Jun 2025 07:18:18 +0000

Hey fellow devs! 👋 If you're looking to get started with Docker on Windows, you've come to the right place. I remember how confusing it was when I first tried to set everything up, so I've created this guide to help you avoid the headaches I encountered.

📋 Table of Contents

Before We Begin
Preparing Windows
Checking Virtualization
Quick WSL Version Check
Installing Docker Desktop
Setting Up Ubuntu with WSL
Final Step: Connect Docker with WSL
Testing Your Setup
Troubleshooting Tips
Conclusion

🛠️ Before We Begin

Let's ensure your Windows PC is ready for Docker. Here are a few things to check and enable.

System Requirements:

Windows 10/11 Pro, Enterprise, or Education (64-bit)
4GB RAM minimum (8GB recommended)
UEFI firmware with Secure Boot capability
Virtualization support in your CPU
Administrator access to your Windows machine

1. Preparing Windows

Search for Turn Windows features on or off in the Start Menu, and enable the following:

✅ Hyper-V
✅ Windows Subsystem for Linux (WSL)

🔄 Restart your computer after enabling these features.

2. Checking Virtualization

To verify virtualization is enabled:

Open Task Manager → go to the Performance tab.
Look at the bottom right for Virtualization.

If it says "Disabled":

Restart and enter BIOS (usually F2 or Del).
Enable virtualization (Intel VT-x or AMD-V).
Save and exit.

🔍 Quick WSL Version Check

Open PowerShell and run:

wsl --status

If it shows Version 1, upgrade with:

wsl --set-default-version 2

📦 Installing Docker Desktop

Download Docker Desktop for Windows from the official site.
Use AMD64 version (works for both Intel & AMD CPUs).
Install with default settings and agree to the license.

✅ Once installed, open PowerShell and run:

docker run hello-world

If you see Hello from Docker! — you're all set!

🐧 Setting Up Ubuntu with WSL

Open Microsoft Store.
Search Ubuntu.
Install any LTS version (I recommend Ubuntu 22.04 LTS).
Launch Ubuntu → Set a username and password.

To check WSL version:

wsl -l -v

✅ Ensure it says VERSION 2 next to Ubuntu.

🔗 Final Step: Connect Docker with WSL

Open Docker Desktop.
Go to: Settings > Resources > WSL Integration.
Enable integration with your Ubuntu version.

✅ Testing Your Setup (From Ubuntu)

In your Ubuntu terminal, run:

docker run hello-world

You should see the Docker success message.

🧯 Troubleshooting Tips

Restart your PC after enabling WSL and Hyper-V.
Check BIOS virtualization settings.
Upgrade to the latest WSL 2 version.

🙌 You're Ready!

That's it! Docker is now running on your Windows system with WSL2 integration. If you run into any issues, feel free to comment below.

Happy containerizing 🐳