Bookstore CMS
Table of Contents
About Project
"Bookstore CMS" is a content management React-Redux app that's meant to help a user add or remove books but most importantly keep tracking data in terms of progress made so far in reading a particular book. This project uses Bookstore API for storage of book details data.
Built With
- ReactJS
- Redux
- Bookstore API
Getting Started
-
Clone this repo https://github.com/Bishoy-Samwel/bookstore-1
git clone https://github.com/Bishoy-Samwel/bookstore-1.git
-
Navigate to bookstore folder/directory
cd bookstore
-
On the comandline, at the project's root, run
npm install
to install app dependencies -
Next, run
npm start
which will run the app in the development mode. -
Open http://localhost:3000 to view it in the browser.
-
ALTERNATIVELY
-
Just run
npm run build
which will build the project and generate output files into thebuild
directory. -
Go to
build
directory and manually openindex.html
to interact with the app
-
API Interactions
From the BookStore API, this app/project is interacting/consuming the following endpoints:
- Base URL - https://us-central1-bookstore-api-e63c8.cloudfunctions.net/bookstoreApi
- Creating a new App - Method(POST) - https://us-central1-bookstore-api-e63c8.cloudfunctions.net/bookstoreApi/apps/ (This will give you an APP_ID)
- Getting all books(GET method)/ Posting a new Book(POST method)/ Deleting a Book(DELETE method) - https://us-central1-bookstore-api-e63c8.cloudfunctions.net/bookstoreApi/apps/`${APP_ID}`/books
Take a look at the DOCUMENTATION and undestand how you can work with it further.
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/newFeature
) - Commit your Changes (
git commit -m 'Add some newFeature'
) - Push to the Branch (
git push -u origin feature/newFeature
) - Open a Pull Request
Author
👤 Bishoy Samwel Faheem
- GitHub: @Bishoy Samwel Faheem
- LinkedIn: Bishoy Samwel
- Twitter: @bisho
Acknowledgements
- ReactJS Organization for the amazing Documentation on React.
- Redux Organization for the amazing Redux Essentials Tutorial on React.
Show your support
Give a ⭐️ if you like this project!