📗 Table of Contents

• 📗 Table of Contents
• [📖 React Bookstore](#-React Bookstore-)
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 React Bookstore

React Bookstore application is built with react using create-react-app. It essentially displays a list of books and allows users to either add a new book or remove a selected book. Other pages are also accessible with routers.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• JAVASCRIPT
• React

Key Features

• [Linter checks]
• [CRA]
• [JavaScript APIs]
• [CSS grid and flexbox]

(back to top)

🚀 Live Demo

React Bookstore Live Demo

(back to top)

💻 Getting Started

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

(back to top)

Prerequisites

In order to run this project you need:

• The current version of node
• To have Git installed on your local machine
• Node Package manager (npm)
• An editor such as Visual Studio Code

(back to top)

Setup

Clone this repository to your desired folder:

• Create your classic access token from github.com
• run "git clone https://{access_token}@github.com/username/{repo_name}.git"
• Update your git identity by running "git config --global user.email "your_email@gmail.com""
• Update your name on git by running "git config --global user.name "your_name"

(back to top)

Install

Install this project by running npm install

To Install Jest

• run npm install --save-dev jest
• add " "test": "jest", "watch": "jest --watch *.js" to the scripts section of package.json"
• run npm install --save-dev @babel/plugin-transform-modules-commonjs
• create a file at the root called .babelrc
• copy { "env": { "test": { "plugins": ["@babel/plugin-transform-modules-commonjs"] } } } inside the file

(back to top)

### Usage

To run the project, execute the following command:

  use git bash to open in Vs code
  use `npm run dev` to run web dev server

(back to top)

Run tests

To run tests, run the following command:

Run `npx stylelint "**/*.{css,scss}" --fix` to fix linters
Run `npx eslint "**/*.{js,jsx}" --fix` to fix linters"

(back to top)

Deployment

You can deploy this project using:

• github pages

- npm run deploy

(back to top)

👥 Author

👤 Damilare Ismaila

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [contact form page for customers]
• [A feature for alternative list of movies]
• [A feature for voting the best item on the list]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, kindly drop a star for me.

(back to top)

🙏 Acknowledgments

I would like to use this medium to appreciate Microverse for giving me this type of opportunity.

(back to top)

📝 License

This project is MIT licensed.

(back to top)