BookApp-Case

Welcome to my BookApp project. This project was made upon request. You can search for books in the project, select books and add them to your library.

Installation

1. Clone the repository:

   git clone https://github.com/Melihomac/BookApp-Case.git

   npm install or yarn install

2. Go to Root and create a folder name backend:

   git clone https://github.com/Melihomac/BookApp-Backend

   node app.js

Usage

1. npm start

Folder Structure

1. For FrontEnd:

   case/
   |-- assets/
   |   |-- fonts/
   |   |-- icons/
   |       |--BottomButtons/
   |-- components/
   |   |--Library.tsx
   |   |-- Home.tsx
   |   |-- bookReviews/
   |       |-- BookReviews.tsx
   |   |-- bottomSheet/
   |       |-- BottomSheetComponent.tsx
   |   |-- header/
   |       |-- MainHeader.tsx
   |   |-- hook/
   |       |-- useHook.tsx
   |-- myBooks/
   |   |-- MyBooks.tsx
   |-- nowReading/
   |   |-- NowReading.tsx
   |--scaleProps/
   |   |--ScaleProps.tsx
   |-- App.tsx
   |-- FirebaseConfig.tsx
   |-- app.json
   |-- babel.config.js
   |-- package.json
   |-- README.md
   |-- .gitignore
   

2. For Backend:

   backend/
   |-- node_modules/
   |-- assets/
   |-- app.js
   |-- data.json
   |-- package.json
   |-- .gitignore
   

3. All Structure:

   case/
   |  -- Files.../
   backend/
   |  -- Files.../
   

Firebase Configurations

1. Create FirebaseProject

2. Create FirebaseConfig.tsx file on your project root folder

3. Add this code to your FirebaseConfig.tsx

   import { initializeApp } from "firebase/app";
   import { getDatabase } from "firebase/database";
   
   const firebaseConfig = {
   //YOUR CREDENTİALS
   };
   
   // Initialize Firebase
   const app = initializeApp(firebaseConfig);
   export const db = getDatabase(app);

4. Create Realtime Database on your firebase console.