Skip to content

Bookstore CMA is a SPA made for all book lovers. It provides an easy way to organize a collection of books and progress-tracking functionalities. For instance, a user can easily add a new book by providing a book title, book author, and choosing a category. It is built using React.js

Notifications You must be signed in to change notification settings

Mujeeb4582/Bookstore-CMA

Repository files navigation

Microverse HTML CSS JavaScript Webpack React.js

📗 Table of Contents

📖 [Bookstore CMS]

Bookstore CMS is an SPA made for all the book lovers. It provides an easy way to organize a collection of book, as well as progress tracking functionalities. For instance, a user can easily add a new book by providing a book title and the category. It is built using React.js.

ScreenShot

BookStoreCMA

🛠 Built With

HTML
CSS
JavaScript
Webpack
React.js

Tech Stack

Client
Server
Database

Key Features

  • Single-page-application

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  • Node installed in your computer
  • Git installed in your computer

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone git@github.com:Mujeeb4582/Bookstore-CMA.git

Install

Install this project with:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using:

  npm build

(back to top)

👥 Author

👤 Mujeeb ur Rahman

(back to top)

🔭 Future Features

  • Add the comments button feature
  • Add the Edit button feature
  • Add the real time interection to updates and number of chapters

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

  • Thanks to the Microverse team for the great curriculum.
  • Thanks to the Code Reviewer(s) for the insightful feedback.
  • A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
  • Hat tip to anyone whose code was used.

(back to top)

❓ FAQ

  • Why use JSX to build UIs?

    • I use it to build my UIs because JSX allows me to utilize HTML syntax while still preserving JavaScript functionalities and its dynamic nature. This means that I can use JavaScript and HTML to design an application, especially more complex ones, because React is better for building single-page apps and static pages. This flexibility doesn't mean programming on HTML, as each JSX syntax is a JavaScript function call. These calls are necessary because web browsers cannot read JSX, so I employ a JavaScript transpiler, such as Babel, to convert these JSX syntaxes into JavaScript function calls.
  • What are the components of React?

    • Components are like JavaScript functions that enable a developer to divide a user interface into reusable and independent parts that are isolated pieces they can use in different developments. There are two types of React components. The first are functional components, or stateless components. Their primary function is to return data, which means they accept information and display it in forms. Some programmers may prefer to use functional components because they're easier to understand and require less code.
  • Why use React Redux?

    • The main reason to use React Redux are:
      • React Redux is the official UI bindings for react Application. It is kept up-to-date with any API changes to ensure that your React components behave as expected.
      • It encourages good 'React' architecture.
      • It implements many performance optimizations internally, which allows to components re-render only when it actually needs.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

About

Bookstore CMA is a SPA made for all book lovers. It provides an easy way to organize a collection of books and progress-tracking functionalities. For instance, a user can easily add a new book by providing a book title, book author, and choosing a category. It is built using React.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published