../projeto

BookWise

BookWise is a book review platform with only the Figma design, we needed to develop this full-featured Full Stack application using Next.js. Users can create reviews for the available books. The project was built with Next.js, focusing on server-side rendering (SSR).

React.jsTypescriptNext.jsNext AuthStitchesPrismaRadixAxiosZod
Voltar para projetos

šŸ“š Book Wise šŸ“š

BookWise is a book review platform developed during Rocketseat’s Ignite bootcamp. With only the Figma design, we needed to develop this full-featured Full Stack application using Next.js. Users can create reviews for the available books.

The application has its own MySQL database with a preloaded list of books. To create reviews, users must log in, which can be done via Google or GitHub. On the first login, the user is automatically registered in the database. For subsequent logins, the user’s information is loaded directly from the database.

The project was built with Next.js, focusing on server-side rendering (SSR) to improve performance and make page loading more efficient.

āš™ Cloning the Project

Step-by-step guide to clone and run the application on your machine:

# Clone this repository
⁠⁠$ git clone git@github.com:Victtor-777/Book_Wise.git
⁠
⁠# Navigate to the project folder
⁠$ cd book-wise
⁠
⁠# Install dependencies
⁠$ npm install
⁠
⁠# Create a .env file and fill it according to .env.example
⁠
⁠# Run your database
⁠
⁠# Run the following command to create migrations
⁠$ npx prisma migrate dev
⁠
⁠# Run the application in development mode
⁠$ npm run dev
⁠
⁠# The application will start on an available port and can be accessed via the browser

šŸš€ Technologies

šŸ“ Notes

This was an extremely complete project with a lot of learning involved. It was challenging to complete, but in the end, I learned a lot and reinforced several Next.js concepts through hands-on practice.

Login

imagem da sessão Login

Home

imagem da sessão Home

Explore Books

imagem da sessão Explore Books

Review Book

imagem da sessão Review Book

Profile Page

imagem da sessão Profile Page