Bookstore

📗 Table of Contents

• 📗 Table of Contents
• 📖 [bookstore]
  • Learning objectives
  • 🛠 Built With
    • Key Features
    • Home page
  • 💻 Getting Started
  • Test
    • Prerequisites
    • Install
  • 👥 Authors
  • 🔭 Future Features
    • Key Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 [bookstore]

[bookstore] This is a simple book store app built with React js. It uses the Google Books API to search for books and display them. It also uses react-router to navigate between pages.

Learning objectives

• Use React Router.
• Use React components.
• Add Redux to the project

🛠 Built With

• React
• JSX
• CSS -Redux

Key Features

• Create React App

• Reusable components: /components.

• Setup your router inside of

• Add 2 routes in your application, each should render a page component

• Contains individual book state, as well as a button to delete the book

• Contains a list to renders individual books

• Contains a form to create new books

• Contains a navigation to link to the 2 routes you created

• Implement Redux Toolkit inside of a React application

• Setup a Redux store

• Create a slice to save your state and reducers

• Connect to an API for backend

(back to top)

💻 Getting Started

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

• Clone the project unto your local machine
• Open the project with your code editor
• Run npm install to install all the dependencies
• Run npm start to start the server
• Open http://localhost:3000 to view it in the browser.

Test

For tracking linter errors locally you need to follow these steps:

• After cloning the project you need to run this command

  npm install This command will download all the dependencies of the project

• For tracking the linter errors in HTML file run:

  npx hint .

• For tracking the linter errors in CSS file run:

  npx stylelint "**/*.{css,scss}"

  • And For tracking the linter errors in JavaScript file run:

  npx eslint .

Prerequisites

• Basic knowledge of HTML, CSS, and Javascript
• Basic knowledge of Git and Github
• Basic knowledge of Webpack
• Basic knowledge of React
• Basic knowledge of APIs

To get the output of our project make sure you have google Chrome, Mozila or any other browser installed.

Install

In order to install this project please go through the following steps:

• Clone the repository
• Run npm install
• Run npm run dev to start the server
• Run npm run build to build the project

(back to top)

👥 Authors

👤 Hydaline

• GitHub: [https://github.com/hydaline-code]
• LinkedIn: [https://www.linkedin.com/in/hydaline-djougang-0851aa21a/]

(back to top)

🔭 Future Features

• Make the app responsive with the mobile version of the App
• User Authentication for the login

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

• Hat tip to Microverse and all the staff

(back to top)

📝 License

This project is MIT licensed.

(back to top)