https://github.com/yanliu1111/reactfirebase-fullstackproject-booklibrary
📚 Developed using React & Firebase, built “BookWorm” library website, connected with Books API from draftbit.com.
https://github.com/yanliu1111/reactfirebase-fullstackproject-booklibrary
component context-api react react-hooks react-native react-router tailwindcss
Last synced: 2 months ago
JSON representation
📚 Developed using React & Firebase, built “BookWorm” library website, connected with Books API from draftbit.com.
- Host: GitHub
- URL: https://github.com/yanliu1111/reactfirebase-fullstackproject-booklibrary
- Owner: yanliu1111
- Created: 2022-11-29T17:53:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-19T00:12:10.000Z (about 3 years ago)
- Last Synced: 2025-11-22T10:33:14.131Z (7 months ago)
- Topics: component, context-api, react, react-hooks, react-native, react-router, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React-Firebase-FullStack-Project
## 🐛BookWorm (book review and store app)
This project was build on Nov. 2022. It was my first full stack project in Inception U bootcamp. It is a book review and store web app.
1. Users can authenticate using different social media accounts, or signup using email address.
2. Users can search and review the details of the book, API connect with public Books website. The book details encompass elements such as book cover, summary, authors, publication year, and more.
3. Users can review books and store the favorite books in their profile. CRUD operations are available for the books stored in the profile.
4. In book search page, there is Like 🧡 selection beside each book, user can click like if they recommend the book.
## 📚Tech Stack
- Create React App
- Tailwind CSS
- Theme Context (Dark/light Mode)
- Routes (React Router Dom)
- Navbar Component
- API (Public Books API)
- Footer and Header Components
- Sign Up and Sign In Pages
- Account Page
- Firebase Authentication
- Auth Context for Authentication and Firestore Database
- Protected Route (Must be signed in to see account page)
## ✅How to run the project
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.