📗 Table of Contents

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

📖 Bookstore Application

🚧 Welcome to the Bookstore Application! This application is a web-based bookstore where users can view a list of books and categorize them. It provides a user interface to display a list of books, add new books, and remove existing ones. 🚧

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• JAVASCRIPT
• REACT
• BOOTSTRAP
• WEBPACK
• GITFLOW
• REACT ROUTER V6
• REACTJS

(back to top)

Key Features

• Responsive design for both desktop and mobile devices.
• Clear and intuitive bookstore user interface.
• Simple functions to add and remove books
• Use redux for state management.
• Connect an existing API via Redux and use the data to display data in a UI.
• Use React Router to navigate between pages in the app.

(back to top)

💻 Getting Started

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

Prerequisites

You have to use this tools in your local machine.

• NPM
• NODEJS
• GIT & GITHUB
• Any Code Editor (VS Code... etc)

Setup

Clone this repository to your desired folder: Example commands:

  cd my-folder
  git init # if not initialized git on your folder
  git clone git@github.com:Titus-Kiplagat/react-bookstore.git
  cd react-bookstore
  npm install # to install dependencies

Available Scripts

In the project directory, you can run:

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Run tests

To run tests, run the following command on terminal: Example commands:

Test for webhint errors

	npx hint .

Test for stylelint errors

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

Test for eslint errors

	npx eslint .

Trigger the build process of the project

	npm run build

Start the project

	npm run dev

👥 Authors

👤 Titus Kiplagat

• GitHub: Titus Kiplagat
• LinkedIn: Titus Kiplagat

(back to top)

🔭 Future Features

• Write test suites for the Bookstore application.
• Deploy the application.
• Add a user authentication system.
• Add a user profile page.
• Add a search bar to search for books.
• Add a filter to filter books by category.
• Add a rating system to rate books.
• Add a comments section to comment on books.
• Add a carousel to display books.
• Add a carousel to display categories.
• Add a carousel to display comments.
• Add a carousel to display ratings.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Your support is crucial to the success of this project! There are ways you can contribute and show your support:

• Provide Feedback: If you've tried out the project or have any suggestions for improvement, we would love to hear from you. Your feedback is invaluable in shaping the future direction of the project.

• Give a ⭐️ if you like this project!

Remember, your support matters! Whether it's spreading the word, providing feedback, reporting issues, contributing code, or making a donation, every action makes a difference. Together, we can make this project even better.

Thank you for your support and for being a part of this journey!

(back to top)

🙏 Acknowledgments

I would like to give credit to list of contributors:

• Microverse Team

(back to top)

📝 License

This project is MIT licensed.

(back to top)