The Bookstore is a website build using react and redux that allows you to: Display a list of books, Add and remove a selected book.

  • By Mostefa Terbeche
  • Last update: Oct 25, 2022
  • Comments: 5

Bookstore

The Bookstore is a website that allows you to:

  • Display a list of books.
  • Add a book.
  • Remove a selected book.

This project was bootstrapped with Create React App.

Authors

👤 Terbeche Mostefa

Built With

Setup

To get this project up and running, you should do the following; If you wish to run the project locally, please do the following:

1.- Clone the repository to your local machine. 2.- Install Node.js and npm if you haven't already. To install Node.js, follow the instructions on Node.js.

To install npm with the necessary dependencies, run the following command in your terminal:

npm install

3.- Once you have the setup and the project locally, you can run the project using the following command in your terminal:

npm run build

4.- and if you want to watch the changes live, run the following command (it will run the website on localhost:3000):

npm start

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

Github

https://github.com/Terbeche/Bookstore

Comments(5)

  • 1

    Use Redux in React components.

    Hi, this PR is for the connection part between React and Redux of the Bookstore project.

    I've implemented the following:

    • Change the default state in the books reducer from an empty array to an array with a few books.
    • Import Redux Provider and store in the main component of the app.
    • Implement useSelcetor and useDispatch for books and categories.
  • 2

    Styling

    Hi, this PR is for the styling part of the Bookstore project.

    I've made the following changes:

    • Add CSS styling to the Home page following the Zeplin project design
  • 3

    Connect to API

    Hi, this PR is for the connection to the API for the Bookstore project

    I've made the following changes:

    • Use axios with createAsyncThunk for making API calls.
    • Fetch book list from Bookstore API on Books page load
    • Make sure that add book and remove book features persist in the server
  • 4

    Add reducers and actions

    Hi, this PR is for the Add Reducers and Actions part of the Bookstore project

    I've made the following changes:

    • Add Redux Toolkit.
    • Structure application files using a "feature folder" approach and use the ducks pattern.
    • Write book actions and reducer.
    • Write categories actions and reducer.
    • Configure the Redux Store.
    • Edit react component to connect them with Redux.
  • 5

    Initialize project with components

    Hi, This PR is for the first part of the Bookstore project

    I've made the following changes:

    • Initialise React app.
    • Create basic components for book input and book display and categories.
    • Add React Router for the app's navigation.

Popular Tag

Related