/mv-bookspot-app

BookSpot is a website that allows you to: 1) Display a list of books, 2) Add a book and, 3) Remove a selected book. This project was built in order to learn how to use React and Redux in the context of a real application.

Primary LanguageJavaScriptMIT LicenseMIT

logo

BookSpot App

BookSpot App is the MVP of a SPA application that lets users to:
1) Display a list of books,
2) Add a book and,
3) Remove a selected book.

This project was built in order to learn how to use React and Redux in the context of a real application.

📗 Table of Contents

📘 BookSpot App

BookSpot App is the MVP of a SPA application that lets users display a list of books, add a book to the list and, remove a selected book.

This project was built in order to learn how to use React and Redux in the context of a real application.

Preview of BookSpot App.

BookSpot App
This is a preview of how the BookSpot App will look once finished.

(back to top)

🛠 Built With

Tech Stack

This project was bootstrapped with:

Key Features

  • Display a list of books
  • Add new books to the list
  • Remove a selected book

(back to top)

💻 Getting Started

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

  • Prerequisites

    • In order to run this project locally you need git installed. Please got to Getting Started - Installing Git guide and follow the steps described for your system to install git.

    • You must have Node installed on our machine to access the NPM (Node Package Manager) tool. Run node -v and npm -v in the terminal to see if you have node and npm installed, respectively. Ensure you have node>=14.0.0 and npm>=5.6
      If you don’t have them installed, head to Node to download and install the latest stable version.

  • Setup

    Clone this repository to your desired folder:

    cd my-folder
git clone git@github.com:luigirazum/mv-bookspot-app.git

  • Install

    Install the package dependencies for this project with:

    cd mv-bookspot-app
npm install

Available Scripts

  • Run

    In the project directory, you can run:

    npm start
    • Runs the app in the development mode.
    • The page will reload when you make changes.
    • You may also see any lint errors in the console.

  • Test

    npm test
    • Launches the test runner in the interactive watch mode.
      See the section about running tests for more information.

  • Build

    npm run build
    • Builds the app for production to the build folder.
      • It correctly bundles React in production mode and optimizes the build for the best performance.
    • The build is minified and the filenames include the hashes.
    • Your app is ready to be deployed!
      See the section about deployment for more information.

  • Deploy

    npm deploy
    • Deploys the project using gh-pages.
      • Under the hood, it runs npm run build first.
      • The project then is published using github pages.

(back to top)

👥 Authors

👨‍💻 Luis Zubia

(back to top)

🔭 Future Features

  • Make the list of books to be stored with the help of an API.
  • Have a search input to filter the list of books.

(back to top)

🤝 Contributing

In order to improve this project, contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

🙏 Acknowledgments

  • 👏 I would like to thank the support of my partners.
  • 👏 Also thanks to Usman Suleiman Babakolo a Micronaut who provided a live working demo of how this project should look finished. You can check it out clicking the next Bookstore CMS link.

(back to top)

⭐ Show your support

I really enjoyed making this project, so, if you like it, I appreciate your support giving a ⭐.

(back to top)

📝 License

This project is MIT licensed.

(back to top)