adicu/devfest-2024

Book Creation

Closed this issue · 0 comments

ethmth commented

Book Creation

I've created the "Book" component in 'src/components/Book.jsx' that will contain the book and all of its implementation, which is currently empty.

The bulk of our webpage's information will be displayed in a comic book that looks like this (in the Figma):

2023-10-01T16:33:58,520709289-04:00

As you can see, each page has different panes. From my understanding, the goal is to have each pane contain something like "Schedule," "Speakers," "Events," "Sponsors," etc. When you click on a pane, it will flip you to the full page in the book that contains a full page of information on that topic.

For now, the goal is to just get the Book displayed, and potentially create the barriers for each comic pane.

A potential library to use is react-pageflip, which I have already installed. However, the intricacies of what you can put on each page are unclear. We may want to create our own book with our own animations.

Ideally, we'd make a separate component for each page's content to avoid overcrowding the Book.jsx file.

Otherwise, there's a lot to figure out here!

Dev Logistics

Create a new branch based on the 'main' branch by clicking "Create a branch" button under the "Development" pane to the right of this issue page. Be sure to checkout the branch in your local repo. Please don't commit directly to the 'main' branch.
Create a pull request when you're done, and someone will review it and merge it into main