.02

PROJECTS

I’ve had the pleasure and good fortune to be part of some interesting and exciting projects that have enhanced my experience and knowledge.

Landing page

Breve description of the app

Library page

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

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

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

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

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

Book Detail page

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

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

Book Detail page

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

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

Book Detail page

Library page

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

Information from the form also is rendered in the card

Mobile Library page

The app is designed to be desktop and mobile responsive

GitHub Repo

explore the app

libros

Libros is a full-stack application that a book lover can use to catalogue their books by creating a virtual inventory. Libros allows the user to create a library/bookshelf by adding books using a search bar. The user searches a book by title and chooses from the displayed list of results. Each result has a button that saves the book to the user’s library.

The library displays book covers and its titles, when the user clicks a book cover, a new page displays detailed information of the book. In this page the user can write comments about the book, rate the book, add a loaning information (date, name) and indicate if the book has been read completely. The user has the ability to delete a book from the library.

This app uses Node/Express as the core framework for Javascript, PostgreSQL for the database in development and production and includes three Data Models.

Landing page

Profile page

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

Product Review page

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

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

Public Profile page

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

Mobile - Landing page

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

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

Mobile - Landing page

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

GitHub repo

explore the app

Lemon Log (Collaborative effort)

Lemon Log is a technology review site, where authors of the site can write and publish posts and users of the site can comment on articles. The site allows all users to view and explore home page and about page, but only logged in users (users with an account) can create, edit and delete their own comments.

This is mock client contract project, were the instructors posted as clients and each group of three students was commissioned to build a specific app. Most of the app was developed by pair-programing, with some sections developed by each member of the team. I was responsible of implementing the upload image feature for the profile page.

This app uses Django as the core framework for Python, PostgreSQL for the database in development and production and includes three Data Models.