Skip to content

fajarwz/goodbook-fe

Repository files navigation

Goodbook

Goodbook is a place for bookworms where they can dissect plot twists, analyze character arcs, and share their unique reading experiences. Find your next great read, discover hidden gems, and join a community that celebrates the magic of books. Let's turn "what did you think?" into a vibrant conversation.

Built with Laravel and React. Laravel repo can be found here goodbook-be.

Features

  • Landing page
  • Join and sign in by email
  • Browse books with published at and rating filters
  • Search all books
  • Show a book
  • Review a book
  • List of user reviewed books with updated at and rating filters
  • Login as admin
  • Admin review list
  • Admin book list
  • Admin member list

Technologies

This project is built using the following technologies:

  • Backend: Laravel
  • Frontend: React
  • Authentication: Laravel Sanctum
  • Database: MySQL
  • Server State Management: React/TanStack Query
  • HTTP client: Axios

Installation

Frontend

Set Up .env

Create .env file from .env.example and adjust it with your development environment.

Install Dependencies

npm install

Run the Development Server

npm run dev

Open http://localhost:5173 with your browser to see the result.

Screenshots

Home Page

Home page

Join Page

Join page

Sign In Page

Sign in page

Browse Books Page

Browse books page

Book Detail Page

Book detail page

Review A Book

Review a book page

My Books Page

My books page

Admin Book List Page

Admin book list page

Demo

Goodbook demo

About

Frontend for Goodbook App. Created with React

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published