           window.location.href = ['/projects', project.slug].join('/')
 
   searchByName: (value, callback) ->
-
-    if value?.trim().length > 0
-      apiClient.type('projects').get(search: "#{value}", page_size: 10)
+    query =
+      search: "%#{value}%"
+      launch_approved: true unless apiClient.params.admin
+
+    if value?.trim().length > 3
+      apiClient.type('projects').get(query, page_size: 10)
         .then (projects) ->
           opts = projects.map (project) ->
             {

        <p className="showing-with-link-para"><Translate pageStart={pageStart} pageEnd={pageEnd} count={@state.project_count} content={showingMessage} /></p>}
        {if @state.pages>1
           <PageSelector current={@props.page} total={@state.pages} onChange={@handlePageChange} />}
        
        <ProjectCardList projects={@state.projects} />

        {if @state.pages>1
           <PageSelector current={@props.page} total={@state.pages} onChange={@handlePageChange} />}
        
      </section>

    </div>

      value=""
      searchPromptText="Search by name"
      closeAfterClick={true}
      asyncOptions={debounce(@searchByName, 2000)}
      onChange={@navigateToProject}
      className="search card-search standard-input"
    />
