Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/geekelo/bookstore-cms

A web application that serves as a central platform where bookstore owners and staff can handle various aspects of their business, from book cataloging to order processing.
https://github.com/geekelo/bookstore-cms

css reactjs restful-api spa

Last synced: 4 months ago
JSON representation

A web application that serves as a central platform where bookstore owners and staff can handle various aspects of their business, from book cataloging to order processing.

Awesome Lists containing this project

README 

        





  

    signature

  



  






# 📗 Table of Contents



- [📗 Table of Contents](#-table-of-contents)

- [📖The Bookstore CMS](#the-bookstore-cms)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

  - [💻 Getting Started ](#-getting-started-)

    - [Setup ](#setup-)

    - [Prerequisites ](#prerequisites-)

    - [Install ](#install-)

    - [Usage ](#usage-)

    - [Run Tests ](#run-tests-)

    - [Deployment ](#deployment-)

  - [👥 Authors ](#-authors-)

  - [🤝 Contributing ](#-contributing-)

  - [Future Features ](#future-features-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)






# 📖The Bookstore CMS



**The Bookstore CMS (Content Management System)** is a web application designed to help bookstores efficiently manage their inventory, track book sales, and provide a seamless experience for customers. It serves as a central platform where bookstore owners and staff can handle various aspects of their business, from book cataloging to order processing. The application is user-friendly, intuitive, and tailored to meet the specific needs of book retailers.



Head to the LIVE DEMO SECTION for Live links and presentations



## 🛠 Built With 



### Tech Stack 



  ES6

  



  HTML

  



  CSS

  



JavaScript

  



  REACT

  



### Key Features 



- **Mobile Friendly** : this website performs well on a mobile device like a phone or tablet.

- **Desktop Friendly**: this website is responsive to desktop screen sizes.

- **Simple and Attractive Design** : the UI / UX is engaging and appealing.

- **Functional** : this website is accessible, easy to navigate, and helpful for users.

- **Animations and transitions : This website has engaging transitions and animations that makes it easier to use, smoother and more natural.



(back to top)



## 🚀 Live Demo 



> View the live demo of this project by clicking the text below.



- [See Live Demo via Render](https://bookstore-cms-hyxq.onrender.com)



(back to top)



## 💻 Getting Started 



To get a local copy up and running, follow these steps.



> Clone the repository

```

git clone https://github.com/geekelo/bookstore-cms.git

```

> And you are ready to begin your project



### Setup 

This project contains

An HTML FILE (free to edit) - file that contains html codes to give structure to the main webpage

A CSS FILE (free to edit) - file that contains css codes to style the webpage

A GIT IGNORE FILE (free to edit) - to hide personal or private files

HTML/CSS LINTER FILES (should not edit) - Do not make changes

A JAVASCRIPT FILE (free to edit) - that handles functionalities and dynamic HTML



### Prerequisites 

> You should have Node and Git Installed

> You should have basic knowledge on HTML / CSS / JavaScript

> You should have a code editor



### Install 



> Download install [VSCODE](https://code.visualstudio.com/) and [Git](https://git-scm.com/)

> To install linters, execute the following commands:

```

Initialize npm | ``` npminit -y ```

HTML | ``` npm install --save-dev [email protected] ```

CSS | ```npm install --save-dev [email protected] [email protected] [email protected] [email protected]  ```

```

### Usage 

To run the linters, execute the following command and fix linter errors:

```

HTML | ``` npx hint . ```

CSS | ```npx stylelint "**/*.{css,scss}" ```

If you get a flood of errors keep in mind that linters guide you in writing a clean code!

```

### Run Tests 

You can run this program on your browser



### Deployment 



You can deploy this project using the following procedure:



- Pick the right hosting provider.

- Choose the tool and method to upload your website.

- Upload files to your website.

- Move the website files to the main root folder.

- Import your database.

- Check if your website works worldwide.



(back to top)



## 👥 Authors 



(back to top)



👤 **Eloghene Otiede**



- GitHub: [@geekelo](https://github.com/geekelo)

- Twitter: [@Geekelo_xyz](https://twitter.com/Geekelo_xyz)

- LinkedIn: [LinkedIn](https://linkedin.com/in/eloghene-otiede)



(back to top)



(back to top)



## 🤝 Contributing 



You can offer Contributions, submit an [issue](../../issues/), and make a feature request.



## Future Features 



- Add pop up modals

- Add the contact form 

- Add more content pages



## ⭐️ Show your support 



> Please give a ⭐️ to support this project



(back to top)



## 🙏 Acknowledgments 



> I would like to thank Microverse for inspiring this project

> Fonts: [Google Fonts](https://fonts.google.com/)



(back to top)



## 📝 License 



This project is [MIT](./LICENSE) licensed.



(back to top)