Bookclub Frontend - Built with React(Typescript), Apollo Client, GraphQL, NextJs

Description

• A community/discussion-first approach to discussing books, inspired by Reddit and goodreads
• A platform that seeks to bring together book lovers.

Demo

See project demo here

• NextJs: The option of choosing between static generation and server-side generation was the main reason for choosing this. More information can be found here

• Apollo Client: I chose apollo client because it was easier for me to understand.

• Chakra-UI: Chakra UI was easier to use for this project. The component props are easier to write and the syntax was less verbose when compared to other UI libraries

State Management

For this project, I opted for Apollo Client's in-built library, instead of popular ones such as Redux. I opted for this to prevent storing the same data in multiple locations, thus ensuring data integrity.

Getting started

Clone the repository:

git clone https://github.com/JrFelix540/bookclub-web.git

Enter the project directory

cd bookclub-web

Install NPM dependencies:

npm i

Set environment variables

• NEXT_PUBLIC_API_URI - GraphQL API address

Run the development server:

npm run dev