/bookstore-in-react

Primary LanguageJavaScriptMIT LicenseMIT

📖 Bookstore

The Bookstore is a website similar to the "Awesome Books" website built in the previous module. I have created an MVP version of it that allows you to:

Display a list of books. Add a book. Remove a selected book. By building this application, I have learned how to use React and Redux.

📗 Table of Contents

Bookstore: Initialize project with components This project has lay foundations for your Bookstore website. I have created the React part of the app. I have also set up routing using React Router.

Bookstore: Add reducers and actions In this branch, i have configured Redux Store and write actions and reducer for adding and removing books.

Bookstore: Use Redux in React components I have used Redux store to display books. Some UI Elements add to the components and make them dispatch actions.

Bookstore: Connect to API I have connect this React-Redux application to an existing API to create and remove books in a remote server.

Bookstore: Styling This is the last feature of the Bookstore website. All the functionality is already done, I have to add styling. I have used Zeplin as a collaboration tool.

🛠 Built With

Tech Stack

Server
Database
  • API

Key Features

  • Example of Single Page Application
  • Display a list of books.
  • Add a book.
  • Remove a selected book.
  • Use Redux in React
  • Data fetch from API.

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

  • Open GitHub URL of repositry.
  • Download Code repo in zip.
  • Extract and open repo folder into visual studio code or any other Text Editor Software.
  • GitHub Repositry URL: https://github.com/MudasirSherwani/bookstore-in-react.git To get a local copy up and running follow these simple example steps.

Prerequisites

  • Visual Studio Code
  • Knowldege About HTML / CSS / JAVASCRIPT ES6
  • Webhint
  • Stylelint
  • ESLint
  • node_modules checker
  • Github

Install

Install this project with:

  npm install

Usage

To run the project in a development server, execute the following command:

  npm start

Testing

To run the tests in a development server, execute the following command:

  npm test

Deployment

You can deploy this project using:

https://netlify.app/

(back to top)

Authors

👤 Mudasir Sherwani

(back to top)

🔭 Future Features

  • Update Book 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 please follow me on github and give stars to my repo.

(back to top)

🙏 Acknowledgments

I would like to thanks Microverse to guide me to complete this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)