Skip to content

The-Readers-Collective/bookmarked-ui

Repository files navigation

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

MVP

2022-12-14 19 35 01 2022-12-14 19 31 03

Iteration 2

2023-11-17 10 50 15 2023-11-17 10 55 07

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

  • Enable a user to create an account
  • Enable a user to follow and unfollow other user's accounts
  • Add a Google map API to allow for approximate book location from a given location
  • Implement messaging to enable for book exchanges
  • Alert users if a bookmarked book that was previously unavailable is now available

Dev Notes

Wins

  • Excellent group dynamic and communication
  • Effective research and implementation of GraphQL queries and mutations
  • Creative problem solving and bug resolution
  • Implementation of UI redesign with an emphasis on a better user experience

Opportunities for growth

  • Implementation of GraphQL mutations
  • Effectively using Cypress syntax with 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

About

An interactive book-sharing platform with the front-end built in React with GraphQL and tested with Cypress (Turing, Mod 4: Group Capstone Project)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •