Web app that lets you keep track of owned books
You can find test cases here as well as diagrams
User searches a book and adds to their shelf
Shelf-it uses the MVC architecture
Frameworks & Environments used:
- React framework for the FrontEnd
- Node.js to support the BackEnd
- Firebase for hosting it live
API's used:
- Google Books API
- Firebase Authentication
- Firebase FireStore
Most of the code in '/src' is written by me, there are some snippets of code that's not completely my work but they are credited to the Original Author in the respective JavaScript file (eg: '/src/SignUp.js').
I have written some code in '/public/index.html' & '/public/style.css' as well.
To see the architecture more in depth click here
I am planning on adding a function to add notes about a certain book (as seen in issue )
If you would like to add anything add them as a .js file in the '/src' directory. And reference that file into App.js and Nav.js.
And if you have ideas for more features please open an Issue with the "enhancement" tag
Please make sure you have Node.js installed. Instructions are found here
In the project directory, first run:
npm install
This will install the dependancies you need in order to start the development server.
npm start
Start the development server.
Open http://localhost:3000 to view it in the browser.
npm run build
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
npm run eject
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.