Bowties & Books Client

This app allows users to set reading goals. It also encourages users to "broaden their perspective" and read diversely by providing interesting reading prompts.

Here's the deployed version of Bowties & Books: Bowties & Books

Demo Accounts:

• username: Drake
• password: Foobar!123

OR

• username: MagicSchoolBus
• password: Boobaz!123

Table of Contents

• Demo Account
• Storytime
• Quick App Demo
• A More Detailed Look
• Tech Stack
  • Front End
  • Testing
  • Production
• Getting Started
  • Server Setup
• Upcoming Features
• About Me
  • GitHub Profile
  • LinkedIn
• Special Thanks

Storytime

As an avid reader myself, I'm always looking for my next great read! This app can help users do just that, by challenging their reading tastes and prompting them to read books they might've otherwise never considered.

This app will prompt the user to declare how many books they plan to read in the month (or any time frame, like spring break for example). Now, let's say they chose 4 books! The user will then view TBR cards and click on the cards to reveal the prompts on the backside. These prompts could be like, "Read a book with an elder protagonist" or "Read an anthology". Again, these prompts encourage readers to read outside of their comfort zones, but if the user feels like, "oh I already read a ton of anthology books", then they can flip that card back over and click another one! After viewing these prompts, users can then jot down their reading goals and click "Save This Goal".

Saving their goals is advantageous, because it allows users to keep track of prompts they've already completed. Note: saving goals is only available for users that have created an account.

Fun tidbit: Will the user be repeatedly shown the same TBR cards? No way, lol that's no fun! Each time the user logs in and navigates to the "Create" page, the TBR cards are randomly generator to ensure the same cards aren't shown.

For example if the user says "show me 2 TBR cards on Wednesday" like this: Wednesday

Then on Thursday, the user says "show me 2 TBR cards" again different cards will be shown, like this: Thursday

Quick App Demo

A More Detailed Look

These links show screenshots of my app with the components they're referencing labeled as well.

Note: component names are listed in the green boxes

• START HERE
• ABOUT
• SIGN UP
• LOGIN
• CREATE
• GOAL

Tech Stack

Front End

• React
  • Create React App
  • React Router
• HTML5
• CSS3

Testing

• Jest (Smoke tests)

Production

• Deployed via Vercel

Getting Started

Clone this repository to your local machine

git clone https://github.com/cabejackson/bookish.git bnb-client

Change directory into the cloned repository

cd bnb-client

Make a fresh start of the git history for this project

rm -rf .git && git init

Install the node dependencies

npm install

Server Setup

Follow the setup instructions to get Bowties & Books Server up and running.

Scripts to get started

Run the tests

npm t

Start the application

npm start

Upcoming Features

I'm working dilligently to incorporate these next user stories!

• Returning users can edit their goals
• Users can view developer recommended books when viewing prompts

About Me

_GitHub Profile _LinkedIn

Special Thanks

To Thinkful's Engineering Immersion Course TAs, instructors and my mentor (Praveen)!