# Add Playground

Adding line 3 `using HotChocolate.AspNetCore.Playground` and line 45  `app.UsePlayground()` will add the Playground IDE middle-ware.

{% code title="./Startup.cs" %}

```csharp
using HotChocolate;
using HotChocolate.AspNetCore;
using HotChocolate.AspNetCore.Playground;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;


namespace SlackClone
{
    public class Query
    {
        public string Hello => "World";
    }

    public class Startup
    {
        // This method gets called by the runtime. 
        // Use this method to add services to the container.
        // For more information on how to configure your application, 
        // visit https://go.microsoft.com/fwlink/?LinkID=398940
        public void ConfigureServices(IServiceCollection services)
        {
            // Adds GraphQL Schema
            services.AddGraphQL(services =>
                SchemaBuilder.New()
                    .AddServices(services)
                    .AddQueryType<Query>()
                    .Create());
        }

        // This method gets called by the runtime. 
        // Use this method to configure the HTTP request pipeline.
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            if (env.IsDevelopment())
            {
                app.UseDeveloperExceptionPage();
            }
            // Adds GraphQL Service
            app.UseGraphQL();
            // Adds Playground IDE
            app.UsePlayground();
        }
    }
}
```

{% endcode %}

After running the project again by typing `dotnet run`, visiting `localhost:5000/playground` should bring up the playground like seen below.

![](https://3683023892-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LurxKF9uo_T_1SndGac%2F-Luuv1zwU9Xicm2BEzvi%2F-Luuw9aUD3DFIHl-x7Nh%2Fimage.png?alt=media\&token=da22d285-06e3-459f-9ffc-e8fc2901917c)