💡[Feature]: Add VS Code Dev Container for Automated Setup

[sheikhlimon]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Add a VS Code Dev Container (.devcontainer) to automate the project setup for contributors. This will ensure a consistent development environment and automatically install recommended extensions and settings.

Use Case

New contributors often spend significant time setting up the project locally, including:

• Installing the correct Node.js version
• Installing project dependencies
• Configuring VS Code extensions for ESLint, Prettier, and TailwindCSS
• Setting up environment variables and editor settings

Example:

{
  "name": "Project Dev Container",
  "image": "mcr.microsoft.com/vscode/devcontainers/javascript-node:lts"
  "extensions": [
    "esbenp.prettier-vscode",
    "dbaeumer.vscode-eslint",
    "bradlc.vscode-tailwindcss"
  ],
  "settings": {
    "editor.formatOnSave": true
  }
}

Benefits

• Fully consistent environment for all contributors.
• Automatic installation of recommended VS Code extensions.
• Reduces onboarding friction for new contributors.

Additional Notes

This setup works for contributors using VS Code with the Dev Containers extension. Those not using VS Code or containers can still contribute normally.

Add ScreenShots

No response

Priority

Low

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[ShreyasLakhani]

@sheikhlimon can I work on this?

[sheikhlimon]

@sheikhlimon can I work on this?

man i have to fill my 15 PR quota I already even worked on this but if you want it bad you can have it

[ShreyasLakhani]

@sheikhlimon you can take it as you working on it
No worries.

[sheikhlimon]

@sheikhlimon you can take it as you working on it No worries.

its actually done if you see the example. Just have to create a folder/file for it and bingo

[github-actions]

👤 Issue assigned to @sheikhlimon.