.02

PROyECToS

He tenido el placer y la buena Fortuna de ser parte de algunos proyectos interesantes y emocionantes que han mejorado mi experiencia y conocimiento.

Landing page (Copy)

Breve description of the app

Library page (Copy)

This is the main page where the user can see all the owned books and add books via the red plus sign button

Add book page (Copy)

The user will add a book by entering the title ion the search bar, to make adding a book faster, the app searches the book using Google Books API.

Add a book page (Copy)

Once the search is completed, the results are rendered on the page for the user to pick the desired book by clicking the Add Red Button

Library page (Copy)

Once the book is added the user is redirected to the Library page were the book is rendered as an image. The library also offers information of how many books the user have.

Library page (Copy)

Once the user clicks the book image, more information is provided, along with a link to a detail page

Book Detail page (Copy)

This page provides the user with the ability to add a review, rate the book, add loaned date and loaned to information by clicking the Add or Edit Review button.

Screen Shot 2021-04-15 at 7.46.34 PM.png

Book Details page (Copy)

The review form is contained in a model that pops in the top middle of the page.

Book Detail page (Copy)

The form offers a date field with a calendar style to make the experience pleasant and effective for the user

Screen Shot 2021-04-15 at 7.48.25 PM.png

Book Detail page (Copy)

Once the form is saved, the new information is displayed in the cards next to the book image

Book Detail page (Copy)

Library page (Copy)

After the user fills out the review form, the new information is render in the book card. The hart icon displays only if the book rating is 5/5.

Library page (Copy)

Information from the form also is rendered in the card

Mobile Library page (Copy)

The app is designed to be desktop and mobile responsive

Landing page (Copy)

Profile page (Copy)

After creating an account the user is redirected to this private profile page

Product Review page (Copy)

From the home page the user can click the read more link to go to the review page were other users comments are also displayed.

Product Review page (Copy)

The user can add comments to each product by clicking the add comment button

Public Profile page (Copy)

From the Product review page a user can access to other users public profiles

Mobile - Landing page (Copy)

The app is designed to be responsive (desktop and mobile). The mobile page features scrolling the content of the review product section.

Mobile - Landing page (Copy)

The user can scroll to the bottom to access to the comments section

Mobile - Landing page (Copy)

The add a comment button is located at the Botton of the page providing easy access to the user.

libros

Libros es una aplicación full-stack que un amante de los libros puede usar para catalogar sus libros. Libros permite al usuario agregar libros usando una barra de búsqueda. El usuario busca un libro por título y elige de la lista de resultados. Cada resultado tiene un botón que agrega el libro en la biblioteca del usuario.

La biblioteca muestra portadas de libros y sus títulos, cuando el usuario hace clic en la portada de un libro, una nueva página muestra información detallada del libro. En esta página el usuario puede escribir comentarios sobre el libro, calificarlo, agregar una información de préstamo (fecha, nombre) e indicar si el libro se ha leído en su totalidad. El usuario tiene la posibilidad de eliminar un libro de la biblioteca.

Esta aplicación utiliza Node/Express como marco central para Javascript, PostgreSQL para la base de datos en desarrollo y producción e incluye tres Modelos de Datos.

GitHub Repo

explore the app

Lemon Log (Collaborative effort)

Lemon Log es un blog de tecnología, donde los autores del sitio pueden escribir y publicar artículos y los usuarios del sitio pueden comentar los artículos. El sitio permite a todos los usuarios ver y explorar la página de inicio y la página Acerca de, pero solo los usuarios registrados (usuarios con una cuenta) pueden crear, editar y eliminar sus propios comentarios.

Este es un proyecto que simula un contrato con un cliente, donde los instructores se hicieron pasar como clientes y cada grupo de tres estudiantes fueron asignados un proyecto específico. La mayor parte de la aplicación se desarrolló mediante programación por pares, con algunas secciones desarrolladas por cada miembro del equipo. Fui responsable de implementar la función de carga de imágenes para la página de perfil.

Esta aplicación utiliza Django como marco central para Python, PostgreSQL para la base de datos en desarrollo y producción e incluye tres Modelos de Datos

GitHub repo

explore the app