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

• 📗 Table of Contents
• 📘 BookSpot App
  • Preview BookSpot App
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Available Scripts
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • 🙏 Acknowledgments
  • ⭐ Show your support
  • 📝 License

---

📘 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.

^{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:

• React
• Create React App
• Redux Toolkit

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.
    • Open http://localhost:3000 to view it in your browser.
  • 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

• GitHub: @luigirazum
• Twitter: @LuigiRazum
• LinkedIn: 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)