MudasirSherwani / bookstore-in-react

📖 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

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

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

• HTML
• CSS
• JavaScript
• React
• [Redux]

Server

• Netlify

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

• Bookstore

(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

• GitHub: @Mudasir Sherwani
• Twitter: @Mudasir Sherwani
• LinkedIn: 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)