diff --git a/curriculumsearch/src/main/java/com/roshka/controller/CargoController.java b/curriculumsearch/src/main/java/com/roshka/controller/CargoController.java
new file mode 100644
index 0000000..342dfaf
--- /dev/null
+++ b/curriculumsearch/src/main/java/com/roshka/controller/CargoController.java
@@ -0,0 +1,53 @@
+package com.roshka.controller;
+
+
+import com.roshka.modelo.Cargo;
+import com.roshka.repositorio.CargoRepository;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.validation.BindingResult;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+
+@Controller
+public class CargoController {
+
+    CargoRepository cargoRepo;
+
+    @Autowired
+    public CargoController(CargoRepository cargoRepo) {
+        this.cargoRepo = cargoRepo;
+    }
+
+    @RequestMapping("/cargos")
+    public String menuCargos(Model model,
+                            @RequestParam(required = false) String nombre
+                            ) {
+        if(nombre == null || nombre.trim().isEmpty()) model.addAttribute("cargos", cargoRepo.findAll());
+        else model.addAttribute("cargos", cargoRepo.findByNombreContainingIgnoreCase(nombre));
+        return "cargos";
+    }
+
+    @RequestMapping(path = {"/cargo","/cargo/{id}"}, method = RequestMethod.GET)
+    public String formCargo(Model model,@PathVariable(required = false) Long id) {
+
+        if(id == null) model.addAttribute("cargo", new Cargo());
+        else model.addAttribute("cargo", cargoRepo.getById(id));
+        return "cargo-form";
+    }
+
+    @PostMapping(path = {"/cargo","/cargo/{id}"})
+    public String guardarCargo(@ModelAttribute Cargo cargo, BindingResult result, @PathVariable(required = false) Long id) {
+        if(result.hasErrors()); 
+        if(id != null ) cargo.setId(id);
+        cargoRepo.save(cargo);
+        System.out.println(cargo.getNombre());
+        return "redirect:/cargos";
+    }
+
+}
diff --git a/curriculumsearch/src/main/java/com/roshka/controller/ConvocatoriaController.java b/curriculumsearch/src/main/java/com/roshka/controller/ConvocatoriaController.java
new file mode 100644
index 0000000..4556637
--- /dev/null
+++ b/curriculumsearch/src/main/java/com/roshka/controller/ConvocatoriaController.java
@@ -0,0 +1,72 @@
+package com.roshka.controller;
+
+import java.text.SimpleDateFormat;
+import java.util.Date;
+
+import com.roshka.modelo.ConvocatoriaCargo;
+import com.roshka.repositorio.CargoRepository;
+import com.roshka.repositorio.ConvocatoriaRepository;
+
+import org.hibernate.jpa.TypedParameterValue;
+import org.hibernate.type.IntegerType;
+import org.hibernate.type.LongType;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.validation.BindingResult;
+import org.springframework.web.bind.annotation.ModelAttribute;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+@Controller
+public class ConvocatoriaController {
+
+    CargoRepository cargoRepo;
+    ConvocatoriaRepository convoRepo;
+
+    @Autowired
+    public ConvocatoriaController(CargoRepository cargoRepo, ConvocatoriaRepository convoRepo) {
+        this.cargoRepo = cargoRepo;
+        this.convoRepo = convoRepo;
+    }
+
+    @RequestMapping("/convocatorias")
+    public String menuConvocatorias(Model model,
+                            @RequestParam(required = false) Long cargoId,
+                            @RequestParam(required = false) Integer isOpen//1: true, 0: false
+                            ) {
+
+        model.addAttribute("cargos", cargoRepo.findAll());
+        
+        model.addAttribute("convocatorias", convoRepo.f1ndByCargoAndEstado(new TypedParameterValue(LongType.INSTANCE, cargoId), new Date(), new TypedParameterValue(IntegerType.INSTANCE, isOpen)));
+        //model.addAttribute("convocatorias",cargoId==null? convoRepo.findAll() : convoRepo.findByCargoId(cargoId));
+        return "convocatorias";
+    }
+
+
+    @RequestMapping(path = {"/convocatoria","/convocatoria/{id}"})
+    public String formConvocatoria(Model model,@PathVariable(required = false) Long id) {
+        model.addAttribute("cargos", cargoRepo.findAll());
+        if(id == null) model.addAttribute("convocatoria", new ConvocatoriaCargo());
+        else {
+            ConvocatoriaCargo cc = convoRepo.getById(id);
+            cc.setFechaFinS(new SimpleDateFormat("yyyy-MM-dd").format((cc.getFechaFin())));
+            cc.setFechaInicioS(new SimpleDateFormat("yyyy-MM-dd").format((cc.getFechaInicio())));
+            
+            model.addAttribute("convocatoria", cc);
+        }
+        
+        return "convocatoria-form";
+    }
+
+    @PostMapping(path = {"/convocatoria","/convocatoria/{id}"})
+    public String guardarConvocatoria(@ModelAttribute ConvocatoriaCargo convocatoria, BindingResult result, @PathVariable(required = false) Long id) {
+        if(result.hasErrors()); 
+        if(id != null) convocatoria.setId(id);
+        convoRepo.save(convocatoria);
+        System.out.println(convocatoria.getFechaInicio());
+        return "redirect:/convocatorias";
+    }
+}
diff --git a/curriculumsearch/src/main/java/com/roshka/modelo/Cargo.java b/curriculumsearch/src/main/java/com/roshka/modelo/Cargo.java
index f3dddf6..0179d06 100644
--- a/curriculumsearch/src/main/java/com/roshka/modelo/Cargo.java
+++ b/curriculumsearch/src/main/java/com/roshka/modelo/Cargo.java
@@ -18,7 +18,7 @@ import com.fasterxml.jackson.annotation.JsonManagedReference;
 public class Cargo {
     @Id
     @GeneratedValue(strategy = GenerationType.AUTO)
-    private long id;
+    private Long id;
 
     @NotBlank
     @Column(name = "nombre")
@@ -28,13 +28,13 @@ public class Cargo {
     @JsonManagedReference
     private List<ConvocatoriaCargo> convocatorias;
 
-    public long getId() {
+    public Long getId() {
         return id;
     }
     public String getNombre() {
         return nombre;
     }
-    public void setId(long id) {
+    public void setId(Long id) {
         this.id = id;
     }
     public void setNombre(String nombre) {
diff --git a/curriculumsearch/src/main/java/com/roshka/modelo/ConvocatoriaCargo.java b/curriculumsearch/src/main/java/com/roshka/modelo/ConvocatoriaCargo.java
index 3f35e7e..5e7ad21 100644
--- a/curriculumsearch/src/main/java/com/roshka/modelo/ConvocatoriaCargo.java
+++ b/curriculumsearch/src/main/java/com/roshka/modelo/ConvocatoriaCargo.java
@@ -12,6 +12,7 @@ import javax.persistence.JoinColumn;
 import javax.persistence.ManyToMany;
 import javax.persistence.ManyToOne;
 import javax.persistence.Table;
+import javax.persistence.Transient;
 
 import com.fasterxml.jackson.annotation.JsonBackReference;
 import com.roshka.utils.Helper;
@@ -21,13 +22,16 @@ import com.roshka.utils.Helper;
 public class ConvocatoriaCargo {
     @Id
     @GeneratedValue(strategy = GenerationType.AUTO)
-    private long id;
+    private Long id;
 
     @ManyToOne()
-    @JoinColumn
+    @JoinColumn(name = "cargo_id",insertable = false, updatable = false)
     @JsonBackReference
     private Cargo cargo;
 
+    @Column(name = "cargo_id")
+    private Long cargoId;
+
     @Column(name = "fecha_inicio")
     private Date fechaInicio;
 
@@ -37,10 +41,18 @@ public class ConvocatoriaCargo {
     @Column(name = "cupos")
     private int cupos;
 
+    //para deserializar desde el form como string
+    @Transient
+    private String fechaFinS;
+    
+    //para deserializar desde el form como string
+    @Transient
+    private String fechaInicioS;
+
     @ManyToMany(mappedBy = "postulaciones")
     private List<Postulante> postulantes;
 
-    public long getId() {
+    public Long getId() {
         return id;
     }
     public Cargo getCargo() {
@@ -55,7 +67,7 @@ public class ConvocatoriaCargo {
     public Date getFechaInicio() {
         return fechaInicio;
     }
-    public void setId(long id) {
+    public void setId(Long id) {
         this.id = id;
     }
     public void setCargo(Cargo cargo) {
@@ -82,5 +94,25 @@ public class ConvocatoriaCargo {
     public void setPostulantes(List<Postulante> postulantes) {
         this.postulantes = postulantes;
     }
+    public Long getCargoId() {
+        return cargoId;
+    }
+    public void setCargoId(Long cargoId) {
+        this.cargoId = cargoId;
+    }
+    public String getFechaFinS() {
+        return fechaFinS;
+    }
+    public String getFechaInicioS() {
+        return fechaInicioS;
+    }
+    public void setFechaFinS(String fechaFinS) {
+        this.fechaFinS = fechaFinS;
+        setFechaFin(fechaFinS);
+    }
+    public void setFechaInicioS(String fechaInicioS) {
+        this.fechaInicioS = fechaInicioS;
+        setFechaInicio(fechaInicioS);
+    }
 
 }
diff --git a/curriculumsearch/src/main/java/com/roshka/repositorio/CargoRepository.java b/curriculumsearch/src/main/java/com/roshka/repositorio/CargoRepository.java
new file mode 100644
index 0000000..556bc1c
--- /dev/null
+++ b/curriculumsearch/src/main/java/com/roshka/repositorio/CargoRepository.java
@@ -0,0 +1,11 @@
+package com.roshka.repositorio;
+
+import java.util.List;
+
+import com.roshka.modelo.Cargo;
+
+import org.springframework.data.jpa.repository.JpaRepository;
+
+public interface CargoRepository extends JpaRepository<Cargo,Long>{
+    public List<Cargo> findByNombreContainingIgnoreCase(String nombre);
+}
diff --git a/curriculumsearch/src/main/java/com/roshka/repositorio/ConvocatoriaRepository.java b/curriculumsearch/src/main/java/com/roshka/repositorio/ConvocatoriaRepository.java
new file mode 100644
index 0000000..e30b295
--- /dev/null
+++ b/curriculumsearch/src/main/java/com/roshka/repositorio/ConvocatoriaRepository.java
@@ -0,0 +1,17 @@
+package com.roshka.repositorio;
+
+import java.util.Date;
+import java.util.List;
+
+import com.roshka.modelo.ConvocatoriaCargo;
+
+import org.hibernate.jpa.TypedParameterValue;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.Query;
+
+public interface ConvocatoriaRepository extends JpaRepository<ConvocatoriaCargo,Long> {
+    public List<ConvocatoriaCargo> findByCargoId(Long cargoId);
+
+    @Query("select c from ConvocatoriaCargo c where ( ?1 is null and ?3 is null) or ( ( ( (c.fechaFin > ?2 and ?3 = 1) or (c.fechaFin < ?2 and ?3 = 0)) or ?3 is null )  and (c.cargoId = ?1 or ?1 is null) )")
+    public List<ConvocatoriaCargo> f1ndByCargoAndEstado(TypedParameterValue cargoId, Date fecha, TypedParameterValue isOpen);
+}
diff --git a/curriculumsearch/src/main/webapp/jsp/cargo.jsp b/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp
similarity index 50%
rename from curriculumsearch/src/main/webapp/jsp/cargo.jsp
rename to curriculumsearch/src/main/webapp/jsp/cargo-form.jsp
index f0fb286..f838bc9 100644
--- a/curriculumsearch/src/main/webapp/jsp/cargo.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/cargo-form.jsp
@@ -8,14 +8,21 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Cargo</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 </head>
 <body>
-    <h1>Hola</h1>
-    <c:forEach var="i" items="${postu}">
-        <tr>
-           <td>- ${i.getPostulante().getNombre()}</td>
-        </tr>
-        <br/>
-    </c:forEach>
+   <div class="container">
+    <form:form action="/cargo/${cargo.id == null ? '' : cargo.id}" method="post" modelAttribute="cargo" class="row row-cols-lg-auto g-3 align-items-center">
+        <div class="col-12">
+            <form:label class="form-label visually-hidden" path="nombre">Nombre del cargo </form:label> 
+            <form:input type="text" path="nombre" class="form-control" placeholder="Nombre del cargo"/>
+        </div>
+        <div class="col-12">
+            <input type="submit" value="Guardar" class="btn btn-primary"/>
+        </div>
+        
+    </form:form>
+   </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/cargos.jsp b/curriculumsearch/src/main/webapp/jsp/cargos.jsp
new file mode 100644
index 0000000..5c6f2e9
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/jsp/cargos.jsp
@@ -0,0 +1,49 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cargo</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</head>
+<body class="container">
+    <div>
+        <form>
+            <label for="cargos">Nombre:</label>
+            <input type="text" name="nombre" id="nombre" value="${param.nombre}"/>
+            <input type="submit" value="Buscar">
+        </form>
+        <a href="/cargo">Agregar Nuevo Cargo</a>
+    </div>
+    <div>
+        <table class="table">
+            <thead>
+              <tr>
+                <th scope="col">#</th>
+                <th scope="col">Cargo</th>
+              </tr>
+            </thead>
+            <tbody>
+              
+                <c:forEach items="${cargos}" var="cargo" varStatus="sta">
+                    <tr>
+                        <th scope="row">${sta.index+1}</th>
+                        <td>${cargo.getNombre()}</td>
+                        <td><a href="/convocatorias?cargoId=${cargo.id}">Ver Convocatorias</a></td>
+                        <td><a href="/cargo/${cargo.id}">Editar cargo</a></td>
+                    </tr>
+                </c:forEach>
+                
+              
+             
+            </tbody>
+          </table>
+    </div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/convocatoria-form.jsp b/curriculumsearch/src/main/webapp/jsp/convocatoria-form.jsp
new file mode 100644
index 0000000..c5062a8
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/jsp/convocatoria-form.jsp
@@ -0,0 +1,42 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cargo</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</head>
+<body>
+   <div class="container">
+    <form:form action="/convocatoria/${convocatoria.id == null ? '' : convocatoria.id}" method="post" modelAttribute="convocatoria">
+        <div class="mb-3">
+            <form:label path="fechaInicioS" class="form-label">Fecha inicial</form:label>
+            <form:input type="date" class="form-control" path="fechaInicioS"/>
+          
+        </div>
+        <div class="mb-3">
+            <form:label path="fechaFinS" class="form-label">Fecha Fin</form:label>
+            <form:input type="date" class="form-control" path="fechaFinS"/>
+        </div>
+        <div class="mb-3">
+            <form:label path="cupos" class="form-label">Cupos:</form:label>
+            <form:input type="number" class="form-control" path="cupos"/>
+        </div>
+        <div class="mb-3 form-check">
+            <form:label path="cargoId" class="form-label">Cargo</form:label>
+            <form:select class="form-select" path="cargoId">
+                <c:forEach items="${cargos}" var="cargo">
+                    <form:option value="${cargo.id}">${cargo.nombre} </form:option>
+                </c:forEach>
+            </form:select>
+        </div>
+        <button type="submit" class="btn btn-primary">Guardar</button>
+      </form:form>
+   </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
new file mode 100644
index 0000000..47703ed
--- /dev/null
+++ b/curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
@@ -0,0 +1,68 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Cargo</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+</head>
+<body class="container">
+    <div>
+        <form>
+            <label for="cargos">Cargos:</label>
+            <select class="form-select" name="cargoId" id="cargos">
+                <option value="">Todos los cargos</option>
+                <c:forEach items="${cargos}" var="cargo">
+                    <option value="${cargo.id}" ${param.cargoId == cargo.id ? "selected" : ""} >${cargo.nombre}</option>
+                </c:forEach>
+            </select>
+            Estado:
+            <input type="radio" id="cualquiera" name="isOpen" checked value="">
+            <label for="abierto">Cualquiera</label><br>
+            <input type="radio" id="abierto" name="isOpen" value="1">
+            <label for="abierto">Abierto</label><br>
+            <input type="radio" id="cerrado" name="isOpen" value="0">
+            <label for="cerrado">Cerrado</label><br>
+            <input type="submit" value="Buscar">
+        </form>
+    </div>
+    <div>
+        <a href="/convocatoria">Agregar Nueva Convocatoria</a>
+        <table class="table">
+            <thead>
+              <tr>
+                <th scope="col">#</th>
+                <th scope="col">Cargo</th>
+                <th scope="col">Fecha Desde</th>
+                <th scope="col">Fecha Hasta</th>
+                <th scope="col">Vacantes</th>
+              </tr>
+            </thead>
+            <tbody>
+              
+                <c:forEach items="${convocatorias}" var="convocatoria" varStatus="sta">
+                    <tr>
+                        <th scope="row">${sta.index+1}</th>
+                        <td>${convocatoria.getCargo().getNombre()}</td>
+                        <td>${convocatoria.getFechaInicio().toString().split(" ")[0]}</td>
+                        <td>${convocatoria.getFechaFin().toString().split(" ")[0]}</td>
+                        <td>${convocatoria.getCupos()}</td>
+                        <td>Ver Postulantes</td>
+                        <td><a href="/convocatoria/${convocatoria.id}">Editar</a></td>
+                    </tr>
+                </c:forEach>
+                
+              
+             
+            </tbody>
+          </table>
+         
+    </div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/curriculumsearch/src/main/webapp/jsp/index.jsp b/curriculumsearch/src/main/webapp/jsp/index.jsp
index 2f174d6..5a9a2a5 100644
--- a/curriculumsearch/src/main/webapp/jsp/index.jsp
+++ b/curriculumsearch/src/main/webapp/jsp/index.jsp
@@ -8,5 +8,9 @@
 </head>
 <body>
     <a href="postulante">Form postulante</a>
+    <a href="postulantes">Lista de postulantes</a>
+    <a href="#">Tecnologias</a>
+    <a href="convocatorias">Lista de convocatorias</a>
+    <a href="cargos">Lista de cargos</a>
 </body>
 </html>
\ No newline at end of file