marinapsvreis / reactjs-rocketseat-ignite-2022-final-challenge-book-wise

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ℹ️ About

  • This project is a book rating portal.
  • It is possible to login into the system, using a google account or a github account or even login as a guest.
  • On the home page it will be possible to see the last books that were rated and if you are logged in, you will be able to see your most recent book rate.
  • It is also possible to see the most popular/best rated books in the Home on the right.
  • On the explore page, you can view all the books registered in the system and filter the books both by a search field (book name/author's name) and by category.
  • When clicking on a book on this screen, a modal will open where all the reviews of that book will be, its average score, its total pages and its categories.
  • If you are logged into the system, it will also be possible to view a profile screen with the evaluations you have already made, total pages read, authors and the category you read the most. You can also search your book reviews.
  • Once logged out, you will be able to see the profile of the users who have left a review, but to leave your review you will need to log in and when you try to do this, a modal will open asking you to login to the application.
  • We also have a tag in the book list marking those you've already reviewed as read.

⚙️ Technologies

  • React.js
  • Next.js
  • Typescript
  • Phospor React
  • Stitches (CSS-in-JS)
  • React Query
  • Axios
  • Zod
  • Radix UI
  • OAuth Google
  • OAuth Github
  • Prisma
  • SQLite

To run this project the command is: npm i npm run dev

obs: It is necessary to create an .env file with the necessary environment variables according to your accounts.

🖥 Project Images

preview

About


Languages

Language:TypeScript 99.7%Language:JavaScript 0.3%