---

layout: default

id: projects-explore

permalink: /projects/explore/

title: Explore all Microsoft repos

---

<header class="wrapper-full explore-header pb-4 pt-6">

<div class="wrapper py-6">

<h1 class="h2">Explore</h1>

<!--

</div>

<img class="explore-header__img" src="{{ '/assets/images/direction/explore-shapes.svg' | relative_url }}" alt="" />

</header>

<div class="explore-projects pt-4 pb-6">

<div>

<!--

<div class="project-wrap">

<div id="search-for" tabindex="0">

<p class="sr-only" id="search-text-field">No projects searched yet</p>

</div>

<div id="projectResults"></div>

<script id="project-template" type="text/x-handlebars-template">

<ul class="project-list">

{% raw %}{{#each apidata}}{% endraw %}

<li>

{% include project.html %}

</li>

{% raw %}{{/each}}{% endraw %}

</ul>

</script>

</div>

</div>

</div>

var $ = jQuery,

searchForm = $('#search-projects'),

source = $("#project-template").html(),

template = Handlebars.compile(source),

results = $("#projectResults"),

searchText = $('#search-for');

function checkFormats() {

var numbers = $('.format-number');

function formatNumber(x) {

return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

}

numbers.each(function(){

let num = parseInt($(this).text());

nNum = formatNumber(num);

$(this).html(nNum);

});

}

const urlParams = new URLSearchParams(window.location.search);

const searchString = urlParams.get('q');

try {

document.getElementById('header-search').value = searchString || '';

document.getElementById('mobile-search').value = searchString || '';

} catch (ignore) {}

if(searchString) {

var searchUrl = '/api/repos?q=' + encodeURIComponent(searchString);

$.ajax({

type: 'GET',

url: searchUrl,

dataType: 'json',

success: function(posts){

results.addClass('is-thinking');

setTimeout(function(){

html = template({apidata: posts.repos});

results.html(html);

results.removeClass('is-thinking');

checkFormats();

if( posts.repos.length === 0 ) {

results.html('<p></p>');

document.title = 'No projects found - Explore Microsoft projects';

searchText.html('<p class="h4 mb-5" tabindex>No projects found, sorry.</p>');

searchText.focus();

} else {

var plural = posts.repos.length === 1 ? 'project' : 'projects';

searchText.html('<p class="h4 mb-5" tabindex>' + posts.repos.length + ' ' + plural + ' found.</p>');

document.title = posts.repos.length + ' ' + plural + ' found - Explore Microsoft projects';

searchText.focus();

}

}, 1);

}

});

} else {

$.ajax({

type: 'GET',

url: '/api/repos',

dataType: 'json',

success: function(posts){

results.addClass('is-thinking');

setTimeout(function(){

html = template({apidata: posts.repos});

results.html(html);

results.removeClass('is-thinking');

checkFormats();

}, 1);

}

});

}

var filterForm = $('#filter-projects'),

filterSubmit = $('#filter-submit'),

checkboxes = $('#filter-projects input[type="checkbox"]');

filterForm.submit(function(e) {

e.preventDefault();

activeFilters = [];

checkboxes.each(function(){

if ( $(this).is(':checked') ) {

activeFilters.push($(this).val());

}

});

if (activeFilters.length != 0) {

$.ajax({

type: 'GET',

url: '/api/repos',

dataType: 'json',

success: function(posts){

results.addClass('is-thinking');

var filteredResults = $.grep( posts.repos, function( n, i ) {

return $.inArray(n.language, activeFilters) !== -1;

});

setTimeout(function(){

searchText.empty();

html = template({apidata: filteredResults});

results.html(html);

results.removeClass('is-thinking');

checkFormats();

if( filteredResults.length === 0 ) {

results.html('<p>No results found.</p>');

}

}, 1000);

}

});

}

});