The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

Overview

Microverse MIT Licensed GitHub last commit (branch) GitHub Repo stars GitHub followers

react redux

“The journey of a thousand miles begins with a single step.” " - Lao Tzu

Bookstore with React & Redux

  • The Bookstore is a website similar to the Awesome Books website I already built with Vanilla JavaScript. It allows you to:
    • Display a list of books. Add a book.
    • Remove a selected book. By building this application, I learned how to use React and Redux.

logo


math

Built With

  • JSX, JavaScript with ES6
  • React.js with redux
  • Linters, Node.js, Git, Flexbox, Bootstrap, Webpack

Live demo

Live demos for this project can be found on the following Cloud Platforms :

Netlify deployement

Getting Started with Create React App

This project was bootstrapped with Create React App.

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 the browser.

The page will reload if you make edits.
You will 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.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Author

👤 Ellaouzi Hamza

🤝 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!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.

You might also like...
Bookstore website create the React & Redux part of the app

Bookstore website create the React & Redux part of the app. It was also set up routing using React Router.

This is a front-end of an application that will help organize and manage the bookstore. It is so fast, dynamic and responsive to actions and it is built with React & Redux.

Bookstore This is a front-end of an application that will help organize and manage bookstore. It is so fast, dynamic and responsive to actions and it

The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

Bookstore Project In this project, I set up my Bookstore project. It is about making a Bookstore with 2 section BOOKS and CATEGORIES (styles and funct

Bookstore is a simple online book store. It's built with React, Redux and Bootstrap
Bookstore is a simple online book store. It's built with React, Redux and Bootstrap

Bookstore Bookstore is a simple online book store. It's built with React, Redux and Bootstrap. It allows you to: Display a list of books. Add a book.

Bookstore app - built using React, Redux, and Styled Components
Bookstore app - built using React, Redux, and Styled Components

Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and Styled Components

Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project
Bookstore - a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project

Bookstore is a project built with React redux, implemented with Ducks files structure and, React Router to interact between the different tabs of the project. You can manage information of a book interact with an API.

"The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book

Bookstore "The Bookstore" is a react web app built to show collections of books, and give users access to add new books or remove existing book Built

Bookstore is a react web app built to show collections of books

Bookstore is a react web app built to show collections of books, and give users access to add new books or remove existing book

Bookstore CMS - Built with React JS, Redux and CSS

This is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with React JS, Redux and CSS.

Comments
  • Bookstore: connect to API

    Bookstore: connect to API

    In this project milestone I accomplished the following :

    • [x] Used the Bookstore API to involve books data
    • [x] Refactored add and remove book features to persist your changes in the server.
    • [x] Added book and remove book should work in the same way after the refactor.
    • [x] Follow Gitflow requirements.
    • [x] Set up my local environment to fix all linters errors.
    • [x] Deploy the app with Netlify

    N.B: author case is not mandatory for this project, I just add it for future purposes

    Thank you in advance for your feedback 😄

    • Live demo

    Live Demo Link

    opened by Hamzaoutdoors 1
  • Bookstore: initialize project with components

    Bookstore: initialize project with components

    In this project milestone I accomplished the following :

    • [x] Set-up react app using react documentation.
    • [x] Add React Redux
    • [x] Structure your application files using a "feature folder"
    • [x] Add React Router and set two s and s for the app's navigation (Books and Categories)
      • Books - the default view
        • Displayed the list of books (empty at this point but it should be ready for the data) with the Remove button (no functionality yet)
        • Had a form for adding a book (no functionality yet)
      • Categories
        • Displayed "Under construction" text only.
    • [x] Follow Gitflow requirements.
    • [x] Set up my local environment to fix all linters errors.
    • [x] Deploy the app with Netlify

    Thank you in advance for your feedback 😄

    Live demo

    Live Demo Link

    opened by Hamzaoutdoors 1
  • bookstore : Styling

    bookstore : Styling

    In this project milestone I accomplished the following :

    • [x] Added style to my BookStore App using plain CSS and Bootstrap
    • [x] Design match Zeplin's design.
    • [x] Follow Gitflow requirements.
    • [x] Set up my local environment to fix all linters errors.
    • [x] Deploy the app with Netlify

    N.B: Author case is not mandatory for this project

    Thank you in advance for your feedback 😄

    • Live demo

    Live Demo Link

    opened by Hamzaoutdoors 0
  • Bookstore: create and remove books

    Bookstore: create and remove books

    In this project milestone I accomplished the following :

    • [x] Configure Redux store
    • [x] Write Books Action Creators and Reducer
    • [x] Implement Create New Book feature, using local React state (set title and author) - NOTE: categories and comments are NOT part of this step
    • [x] In the React component responsible for removing books, implement that event by dispatching a corresponding action
    • [x] Use the redux-logger to check if my application is working correctly
    • [x] Follow Gitflow requirements.
    • [x] Set up my local environment to fix all linters errors.
    • [x] Deploy the app with Netlify

    Thank you in advance for your feedback 😄

    • Live demo

    Live Demo Link

    opened by Hamzaoutdoors 0
Owner
Hamza Ellaouzi
Microverse student, Full-Stack Developer || Geoinformatics Engineer || Lifelong Learner .. Open for new job opportunities
Hamza Ellaouzi
The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

Amrendra K 4 Jun 3, 2022
The Bookstore is a website similar to the

Bookstore The 'Bookstore' is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books

Mateo Villagomez 5 May 4, 2022
Remember the things you already did

?? You already did! Remember the things you already did Deploy of the app ?? What is it? Website that helps you remember that you're amazing and you'v

Alícia Foureaux 3 Nov 20, 2021
Bookstore app, store your favorites books. Built with JavaScript, React, SASS and framer.

Bookstore. Bookstore application built with REACT, JAVASCRIPT, and SASS. It lets you add and remove books. I also used motion library too create compl

Gabriel Rendon 5 May 4, 2022
Bookstore an app built with HTML, CSS, JavaScript, and React

The Bookstore is an app that displays a list of books and allows you to add and remove books from that list. Built with HTML, CSS, JavaScript, and React.

Roberto Andres Condezo Monge 8 Mar 12, 2022
The Bookstore is a website built with React and Redux

This project is a React and Redux App. A book library which allows a user to add, remove and update his favorites books.

Williams Colmenares 7 Dec 17, 2022
A bot Similar to the reaction roles discord bot, but free. Written in JavaScript, and uses MongoDB.

An open source reaction roles bot to anyone who needs one in their server. It's easy to use, similar to the reaction roles bot and Totally Free. The bot also used MongoDB as a database!

null 52 Dec 22, 2022
This project will lay foundations for your Bookstore website.

This project will lay foundations for your Bookstore website. I will create a React and Redux app. I will structure my files using the "feature folder" approach. I will also set up routing using React Router.

shadabwahidullah 10 Mar 8, 2022
Bookstore - A simple website to store all your favorite books. Created with React.js

Bookstore - A simple website to store all your favorite books. Created with React.js

Melanie Arellano 6 Jun 7, 2022
Book Store App - a bookstore website published with react and redux

Book Store App This is a bookstore website published with react and redux. It has display list of books, add books and also remove books functionaliti

Michael_Tamirie 4 Apr 9, 2022