This application is designed to provide a platform and community for parents and/or teachers of young readers. This platform is designed to allow parents to discover and discuss new reads for their child based on their individual reading level and interest. The main features of this application include account registration, searching for books through Google Books API, creating a profile page where you can save books, have reading goals for your child and add friends.
✨ Visit deployed application here ✨
As A parent of a child who loves to read
I WANT an educational discussion application
SO THAT I can search for books and connect with other parents to get book recommendations for my child
GIVEN an educational discussion application
WHEN I visit the site for the first time
THEN I am presented with a homepage with sign-up and login options
WHEN I choose to sign up
THEN I am prompted to add an email and create a username and password
AFTER I sign up, I am taken to a search page where I can search for any book, create a profile or logout
WHEN I choose to search for a book
THEN I am presented with the book(s) in a card with title, author, short discription and option to save book in my profile
WHEN I choose profile
THEN I am taken to a page with my avatar where I can create a reading goal for my child, see my saved books and connect with BookNook on Instagram and through email
WHEN I want to choose a reading goal for my child
THEN a click an arrow on the dropdown menu and make a selection
WHEN my child finishes a book
THEN I can update the count with the `ADD TO COUNT` button
WHEN I click on the `Instagram` button
THEN I am taken to the BookNook Instagram page
WHEN I click on the `Email` button
THEN I am sent to a page with the BookNook email is already filled in for you
- To install this application,
git clonethis repository, or download the.zipfile in the dropdown after clicking the green ‘Code’ button at the top of this repository—as long as it is in your local branch. - Ensure Node.js is installed in your operating system.
- Install all of the npm packages via command-line in terminal by entering
npm installin therootdirectory.
Enter npm run develop at the root directory in terminal. This will start up the React app and initialize the back-end at the same time. The application will open automatically in your browser. Navigating through the application is fairly straight-forward with the navigation links at the top-right corner of the screen. Dive into a good book!
- React.js
- JavaScript
- CSS / Tailwind CSS
- HTML
- MongoDB
- GraphQL
- Apollo Server + Apollo Client
- Mongoose
- Express.js
- npm packages:
- Google Books API
- Demi Hayashi - demivlkv
- Sam Karpovck - samkarp700
- Chloe Byrnes - chloebyrnes
- Andrea Jared - adj0609
- Krista Francis - kristafrancis
- Monique Meas - moniquemeas