Project Name

Authors: Eva Grace Smith and Chris Vander Linden Version: 1.0.0

Our site can be viewed here:

Overview

This is the frontend for the can of books project. It connects to our backend, which can be found here: https://github.com/Chris-Vander-Linden/can-of-books-backend

Getting Started

git clone git@github.com:EvaGraceSmith/can-of-books-frontend.git

npx create-react-app

npm i

npm start

Architecture

This project uses React, node.js, express.js, mongo.DB, mongoose, cors, Google Books API

Change Log

• 2-18-23 8:00am Add Book function now working
• 2-18-23 5:00pm Delete button is now functioning
• 2-19-23 9:00pm Update Read status is now functioning
• 2-24-23 11:00pm OAuth added to front end

Estimates

Name of feature: Lab 11- Carousel____________

Estimate of time needed to complete: _3 hrs

Start time: _9:00 am

Finish time: 12:00 pm_

Actual time needed to complete: _3

Name of feature: Lab 11 - Navigation Links__________________________

Estimate of time needed to complete: ___1 hr

Start time: 11:00_

Finish time: _2:00

Actual time needed to complete: 3 hrs_

Name of feature: ________________________________

Estimate of time needed to complete: _____

Start time: _____

Finish time: _____

Actual time needed to complete: _____

Lab 11

React Router

Intro to React Router

Lab 12

Name of feature: Add Modal______________________________

Estimate of time needed to complete: 1hr_

Start time: 6_pm

Finish time: 12pm___

Actual time needed to complete: 6_

Name of feature: Add a Book Button______________________

Estimate of time needed to complete: 3hrs_

Start time: __12_pm

Finish time: 3_pm

Actual time needed to complete: 3_

Name of feature: Add Delete_Functionality___________________________

Estimate of time needed to complete: 1 hr___

Start time: 4pm_

Finish time: 5pm_

Actual time needed to complete: 1_

Flip Card

Lab 13

Name of feature: Update Book Read checkbox Feature____________

Estimate of time needed to complete: 1 hr_

Start time: 7pm_

Finish time: 9pm_

Actual time needed to complete: 2 hrs_

Checkboxes in react

Checkboxes

Lab 14

Name of feature: OAuth________________

Estimate of time needed to complete: _1hr

Start time: 8:00pm_

Finish time: _9:00pm

Actual time needed to complete: 1hr_

provided OAuth Code

auth0

Credit and Collaborations

How to customize Bootstrap

Image by Hermann Traub from Pixabay Image by Rudy and Peter Skitterians from Pixabay Image by Willfried Wende from Pixabay Image by günter from Pixabay Image by fernando zhiminaicela from Pixabay Image by Trixie Liko from Pixabay Image by David Mark from Pixabay Image by DEZALB from Pixabay Photo by Valdemaras D. on Unsplash

Chris Vander Linden: Collaborator and code reviewer Jack Stubblefield: DeltaV TA