Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xaliz-06/rebook-frontend
[FRONTEND] Web-app project to search for a location and buy and sell books.
https://github.com/xaliz-06/rebook-frontend
auth0 react-query reacthookform reactjs shadcn-ui tailwindcss typescript vite zod
Last synced: about 2 months ago
JSON representation
[FRONTEND] Web-app project to search for a location and buy and sell books.
- Host: GitHub
- URL: https://github.com/xaliz-06/rebook-frontend
- Owner: xaliz-06
- Created: 2024-03-31T14:12:38.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-15T06:15:49.000Z (9 months ago)
- Last Synced: 2024-10-16T19:15:32.437Z (4 months ago)
- Topics: auth0, react-query, reacthookform, reactjs, shadcn-ui, tailwindcss, typescript, vite, zod
- Language: TypeScript
- Homepage: https://rebook-frontend.onrender.com/
- Size: 1.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# RE-BOOK (Front-End)
This is the repository for Re-Book front-end files.
Re-Book is a web-app project of mine which lets users buy and sell books from a location. The idea is to build an app from where a person can search for cities and towns and look for people who are selling their books by creating a store on the platform.
## Live Link
https://rebook-frontend.onrender.com/
## Features
- Create your profile and set up your store to list, delist or update books for sale.
- Search for a location, store or genre and get stores in that location, or relevant to the genres and filter the stores by genre.
- Order from any store through a payment flow and track your order status.
- Change order status of orders for your own store.
## What I used for this project (dependencies)
- React + Vite + TypeScript
- Stripe API, Stripe CLI and Stripe SDK for payment flow (developer/test mode)
- react-query
- shadcn-ui, radix-ui, lucide-react, headless-ui for UI libraries and components
- zod, react-hook-form for form handling
- TailwindCSS
- Auth0 for Authentication management
## Installation
1. Clone the repository and install the dependencies
```bash
git clone https://github.com/xaliz-06/rebook-frontend.git
cd frontend
npm install
```
2. Usage
```bash
npm run dev
```
The server will run at https://127.0.0.1:5173 by default.
3. Build for production
```bash
npm run build
```
## Documentation
[React](https://react.dev/) |
[Vite](https://vitejs.dev/guide/) |
[TypeScript](https://www.typescriptlang.org/docs/) |
[Stripe](https://docs.stripe.com/) |
[react-query (Tanstack Query)](https://tanstack.com/query/latest) |
[shadcn-ui](https://ui.shadcn.com/docs) |
[radix-ui](https://www.radix-ui.com/) |
[lucide-react](https://lucide.dev/guide/packages/lucide-react) |
[headless-ui](https://headlessui.com/react/menu) |
[zod](https://zod.dev/) |
[react-hook-form](https://react-hook-form.com/get-started) |
[TailwindCSS](https://tailwindcss.com/docs/installation) |
[Auth0](https://auth0.com/docs) |
## Screenshots
[](https://postimg.cc/0zSjS0X4)
[](https://postimg.cc/XrrHkp9m)
[](https://postimg.cc/NKZNJB4M)
[](https://postimg.cc/JyJpSv6Q)
[](https://postimg.cc/BL0m3pRf)
## Note
All the stores, books and testimonials featured are for demonstration purposes and are AI-generated dummy data. The payment flow is for developer mode so no real transactions occur.
## Images links
[re-book_logo](https://pngtree.com/so/book) |
[hero_image](https://favpng.com/png_view/book-book-drawing-literature-clip-art-png/50duBBGt) |
## Link to Backend Repository
https://github.com/xaliz-06/rebook-backend.git