bookstore-cms

📗 Table of Contents

📗 Table of Contents
📖The Bookstore CMS

📖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

ES6 stands for ECMAScript 6. ECMAScript was created to standardize JavaScript, and ES6 is the 6th version of ECMAScript, it was published in 2015, and is also known as ECMAScript 2015.

HTML

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.

CSS

CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.

JavaScript

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.

REACT

Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.

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. <!– - ** PopUp windows **: this features add to see the project details about each project in popup windows.
** Form validation **: this features validate the email should be lowercase for portfolio contact. –>

(back to top)

🚀 Live Demo

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

See Live Demo via Render

(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/recalc-webapp.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 and Git To install linters, execute the following commands:
Initialize npm | ``` npminit -y ```
HTML | ``` npm install --save-dev hint@7.x ```
CSS | ```npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x  ```
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