You are browsing as a guest. Sign up (or log in) to start making projects!

Page Turner

  • 2 Devlogs
  • 2 Total hours

Page Turner– A New Tab for Book Lovers. What it does: · Fetches a random popular book from the Google Books API every time you open a tab. · Shows the cover, title, author, a short description, and a "Read More" link to the book's Google Books page. · Has a "Next Book" button to discover another book without refreshing. · Has a "Save to My List" button that stores books in localStorage so you can build a reading list.

Open comments for this post

22m 33s logged

finished the UI ! Im done now !

I added all the features from my last devlog in this clean ui, which im happy about - credits to deepseek for the css and other styling.

All thats left is to push and then deploy !

0
0
6
Open comments for this post

1h 26m 13s logged

Project Idea : Page Turner

For this mission, i looked at the guide and decided i would use books instead of asteroids (im a huge bookworm) and fetch book details with the google books API !

Got Github Repo configured, and the workflows, env, vite etc. !

Github Repo :

The Github Repo is where all my files will come together - and where i will show my work - so it has to be well structured !

Readme

I first created a README.md - this is the first thing that any reviewer will see when opening up my repo, so it has to be good, and detailed.

For now all i have are the sections Inspiration and Idea - explaining what my project is and what it will do.

src

put my actual content backend and styling (css, js), like you see in the example below

index.html

My actual project structure and text will go in here

API Key :

To do this project, you need a Google Books API Key - so that you can get the book data

I got one, then put it in my .env file and named it VITE_BOOKS_API KEY

Wth is a .gitignore ?

The gitignore is ur grubby lil fingers cant get your hands on my API Key - it just leaves out some files

0
0
3

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…