/bookmarked-ui

A place for people to exchange books

Primary LanguageJavaScript

Bookmarked logo

Bookmarked

Where Book Lovers Gather

Overview

Bookmarked is a digital book-swapping platform, allowing users to add and lend out their personal library, browse the other books currently in circulation, and bookmark titles of interest. It was designed and built by a team of both front and back-end students from the Turing School of Software and Design using React, Ruby on Rails, and GraphQL.

Visit our deployed project.

React React Router Apollo-GraphQL Cypress Javascript CSS

Project Context

As Mod 4 students in the Front-End program at Turing School of Software and Design, Bookmarked is our final Capstone Project-- meaning we have been studying software development for approximately six months at the time of its completion.

Learning Goals for this project included:
✔️ Gain competency with GraphQL
✔️ Use an agile process to turn well defined requirements into deployed and production ready software
✔️ Practice an advanced, professional git workflow including a Pull Request Review
✔️ Focus on communication and collaboration between FE and BE teams to design and build a working application
✔️ Build an application that execute in development, cypress testing, CI, and production environments

Project Spec and Rubric

Demo

Add Books to shelf: add Single book view: single-book

Setup

  1. From your terminal, cd back to your parent directory
  2. Clone down this repository:
https://github.com/The-Readers-Collective/bookmarked-ui
  1. cd into bookmarked directory and run:
npm install
npm start
  1. Enter the following url in your browser: http://localhost:3000/

Future Features

  • Adding and deleting followers
  • Add a Google map API to locate how far a book is for exchage
  • Message a user if a bookmarked is avaiable for borrowing
  • Alert the user if a bookmarked book that was previously unavailable is now available

Dev Notes

Wins

  • Excellent group dynamic and communication
  • Researching GraphQL queries and mutations
  • Problem solving

Opportunities for growth

  • Understanding mutations
  • Learning Cypress syntax when using GraphQL

Developed by:

Morgan Berry | email | Github | LinkedIn |

Stephanie Guzman | email | Github | LinkedIn |

Scott Gaines | email | Github | LinkedIn |

Marianne Barton | email | Github | LinkedIn |

Project Planning

Project Brainstorming | Project Board with User Stories | Component Architecture | Project Wireframe

Designed Using:
Canva | Figma

Sources From:
youtube-shield | Turing School

Acknowledgments

  • 2207 Turing cohort
  • Tyler Keating, Project Mentor
  • Leta Keane, Project Manager
  • Michael J. Harrison
  • Juliet Eyraud