<!-------Lightning Component:Opencase.cmp----->

<aura:component controller="OpenCasesApexController" implements="force:appHostable">
<aura:attribute name="cases" type="Case[]"/>
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<aura:iteration items="{!v.cases}" var="case">
    <c:CaseList case="{!case}"/>
    </aura:iteration>
  </aura:component>
  
  <!--Lightning App:OpenCasesApp.app-->
<aura:application >
    <c:OpenCases/>
</aura:application>

<!---OpenCasesController.js->
({
doInit:function(cmp,event,helper){
       var action=cmp.get("c.getCaseDB");
       console.log('calling doInit');
       
       action.setCallback(this,function(response){
        var state=response.getState();
        
        if(cmp.isValid()  &&  state === "SUCCESS"){
          console.log('getting cases');
        
          cmp.set("v.cases",response.getReturnValue());
          }
});
     $A.enqueueAction(action);
}
  
   })
   
   //Apex Controller
    public with sharing class OpenCasesApexController {
 @AuraEnabled
    public static List <Case> getCaseDB(){
     String [] caseFields =new String[]{'Id','OwnerId','Type','Status','Priority',
                                     'IsClosed','Reason','Origin'};
        
         //Create a Map for all the Case object
          Map<String,Schema.SobjectField> caseMap = 
           Schema.SobjectType.Case.fields.getMap();
         
           for(String field:caseFields){
                if(!caseMap.get(field).getDescribe().isAccessible()){
                 System.debug('This field was not accessible:' +caseMap.get(field));
                 return null;
                     }
                  }   
    
         return [SELECT  Id
                      FROM Case 
                      where IsClosed=false
                      AND OwnerId =:UserInfo.getUserId() limit 5];
  }
}
<!--Nesting the Component:CaseList.cmp -->
<aura:component >
    <aura:attribute name="case" type="Case"/>
       <div onclick="{!c.goToRecord}">
        <force:recordview recordId="{!v.case.Id}" type="MINI"/>
        </div>
</aura:component>

<!--CaseListController.js-->
({
      goToRecord:function(cmp,event,helper){
    //Declaration of variable
    var sObjectEvent=$A.get("e.force:navigateToSobject");
        sObjectEvent.setParams({    "recordId":cmp.get("v.case.Id"),
                                "slideDevName":'detail'
        }) 
            sObjectEvent.fire();
        
        }
})