Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/indiecodermm/bookstore-cms
CMS website to manage books, track progress and write reviews. Built using React, Redux, Bookstore API, Involvement API
https://github.com/indiecodermm/bookstore-cms
react-redux reactjs redux-thunk rest-api
Last synced: about 7 hours ago
JSON representation
CMS website to manage books, track progress and write reviews. Built using React, Redux, Bookstore API, Involvement API
- Host: GitHub
- URL: https://github.com/indiecodermm/bookstore-cms
- Owner: IndieCoderMM
- License: mit
- Created: 2023-01-19T07:20:48.000Z (almost 2 years ago)
- Default Branch: develop
- Last Pushed: 2023-02-02T14:29:42.000Z (almost 2 years ago)
- Last Synced: 2023-03-11T00:11:32.195Z (almost 2 years ago)
- Topics: react-redux, reactjs, redux-thunk, rest-api
- Language: JavaScript
- Homepage: https://bookstore-icmm.onrender.com
- Size: 2.25 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 📑 Table of Contents
- [📚 Bookstore ](#-bookstore-)
- [🛠 Built With ](#-built-with-)
- [🧰 Tech Stack ](#-tech-stack-)
- [💎 Key Features ](#-key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Deployment](#deployment)
- [📧 Contact ](#-contact-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [💖 Show your support ](#-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)**Bookstore** is a CMS website that allows users to manage their books and track reading progress. The website is built using ReactJS for the front-end and Redux for state management. The Bookstore API and Involvement API provide the functionalities to create, update, delete books, track progress and read/write comments.
![Screenshot](app_screenshot.png)
- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)
- ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)
- ![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)
- ![Render](https://img.shields.io/badge/Render-%46E3B7.svg?style=for-the-badge&logo=render&logoColor=white)
- Rest APIs:
- [📚 Bookstore API](https://www.notion.so/Bookstore-API-51ea269061f849118c65c0a53e88a739)
- [👍 Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)- Add, delete, edit books
- Track reading progress
- Write and view comments on booksYou can visit the live version of this website on [Webpage].
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need [Node.js](https://nodejs.org/en/) installed on your machine.
### Setup
Clone this repository to your desired folder:
```sh
cd my-project
git clone [email protected]:IndieCoderMM/bookstore-cms.git .
```### Install
Install the dependencies with:
```sh
npm install
```### Usage
To run the project, execute the following command:
```sh
npm start
```### Deployment
You can deploy this project using:
```sh
npm run build
```
This will create a production-ready build of your website in `build/` folder, which you can use to deploy on a static site server.I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
[![Github](https://img.shields.io/badge/GitHub-673AB7?style=for-the-badge&logo=github&logoColor=white)](https://github.com/IndieCoderMM)
[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/hthant_oo)
[![Linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/hthantoo)
[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])- [ ] **Editing book information**
- [ ] **Updating progress**
- [ ] **Mobile UI**I welcome any and all contributions to my website! If you have an idea for a new feature or have found a bug, please open an issue or submit a pull request.
Feel free to check the [issues page](../../issues/).
If you like this project, please consider giving it a ⭐.
I would like to thank all code reviewers for making this project better.
This project is [MIT](./LICENSE) licensed.