amita-roy / Magic-Bookstore

We have created this Bookstore project with React & Redux. This project was divided into 5 milestones and each milestone has its own requirement to fulfill. In this project, the user can add a new book to the list and can remove the book from the listing. Users can filter the list with the category filter provided on the top of the list below the navigation bar. We have added a dynamic progress SVG which takes a number as a percentage and shows the progress. Currently, the percentage is generated randomly.

Home Page:https://magic-bookstore111.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Magic Bookstore

Top Page Screenshot

Table of Contents

About the Project

Bookstore built using React and Redux.

Project specifications made by Microverse.

Magic-books Inc. is a company based in Germany. They want a front-end of an application that will help them organize and manage their bookstore. It has to be fast, dynamic and responsive to their actions.

In the application you are able to add new books of different categories and filter the displayed books by category.

Built With

Live Demo

Live Demo Link

Getting Started

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

  1. On the project GitHub page, navigate to the main page of the repository.
  2. Under the repository name, locate and click on a green button named Code.
  3. Copy the project URL as displayed.
  4. If you're running the Windows Operating System, open your command prompt. On Linux, Open your terminal.
  5. Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
  6. Type git clone, and then paste the URL you copied in Step 3.
    e.g. $ git clone https://github.com/Amita-Roy/Magic-Bookstore.git
  7. Press Enter. Your local copy will be created.
  8. On your console, move to the place where this folder is cloned
  9. Run npm start, then server is automatically opened

Authors

👤 Amita Roy

👤 Angel Barros

Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Show your support

Give a ⭐️ if you like this project!

License

This project is MIT licensed.

Acknowledgements

About

We have created this Bookstore project with React & Redux. This project was divided into 5 milestones and each milestone has its own requirement to fulfill. In this project, the user can add a new book to the list and can remove the book from the listing. Users can filter the list with the category filter provided on the top of the list below the navigation bar. We have added a dynamic progress SVG which takes a number as a percentage and shows the progress. Currently, the percentage is generated randomly.

https://magic-bookstore111.herokuapp.com/


Languages

Language:JavaScript 59.0%Language:CSS 30.9%Language:HTML 10.1%