Bookstore - a website similar to the Awesome Books website built in the previous module

Related tags

React Apps BOOKSTORE
Overview

BOOKSTORE

A great app which lets you store all your favorite books in one place for easy access when you want to read them. Progress is saved as you read and you are also free to and and delete books as you please.

Built With

  • JSX, React, Redux
  • HTML, CSS, JavaScript
  • npm, webpack, linters

Live Demo

Click this link to be redirected to the bookstore web application, hosted with netlify.

Getting Started

To get a local copy up and running follow these simple example steps. for SSH: git clone [email protected]:carlylechia/BOOKSTORE.git for https: git clone https://github.com/carlylechia/BOOKSTORE.git

Install

after cloning the repo run npm install

Usage

run npm start for devlopment npm run build for production code

Run tests

  • npx stylelint "**/*.{css,scss}" for CSS check.
  • npx stylelint "**/*.{css,scss}" --fix to fix JS issues if found.
  • npx eslint . for JS check.
  • npx eslint . --fix to fix JS issues if found.

Authors

?? Chia Carlyle

🤝 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

📝 License

This project is MIT licensed.

Comments
  • Milestone5: Styling According to Zeplin's Design.

    Milestone5: Styling According to Zeplin's Design.

    To complete this milestone, I styled my bookstore application to match a design that was recommended in the project requirements:

    opened by carlylechia 1
  • Milestone4: Connect React and Redux App to API.

    Milestone4: Connect React and Redux App to API.

    In this branch,

    • [x] I usedfetch for making API calls.

    • [x] I fetched the book list from Bookstore API on the Books page load.

    • [x] I added an action creator, that returns a function.

    • [x] I fetched the list of books.

    • [x] I dispatched another action that passes API response to the reducer and updates the state.

    • [x] I refactored the Add book and Remove book features to persist the changes in the server.

    • [x] I refactored the existing action creators to return functions.

    • [x] I ensured that changes are done using API.

    • [x] I ensured an action gets dispatched that updates the state accordingly.

    • [x] Made sure that the Add book and remove book buttons worked in the same way after the refactor.

    Here is the link to the project requirements.

    opened by carlylechia 0
  • Milestone3: Use Redux in React Components

    Milestone3: Use Redux in React Components

    In this branch, I:

    • [x] refactored reducers to make state immutable,
    • [x] changed the default state in my books reducer from an empty array to an array with a few books,
    • [x] imported Redux Provider and my store in the main component of my React app,
    • [x] connected my app to the redux store,
    • [x] used redux actions and the useDispatch method to add and remove books from the app,
    • [x] added functionality to the "check status" button.

    Here is the link to the project requirements

    opened by carlylechia 0
  • Bookstore Milestone2: Add Redux To Project And Setup Store, Actions and Reducers.

    Bookstore Milestone2: Add Redux To Project And Setup Store, Actions and Reducers.

    In this branch, I

    • [x] installed React Redux
    • [x] used a "feature folder" approach to structure my files
    • [x] used the ducks pattern to write my Redux files
    • [x] Completed the milestone according to the project requirements
    opened by carlylechia 0
  • BOOKSTORE- First Milestone: Initialize Project With Components

    BOOKSTORE- First Milestone: Initialize Project With Components

    In this branch, I

    • [x] Initialized a react app for my project and installed the necessary dependencies including linters, webpack, and all the necessary configurations.
    • [x] Created a directory called components in which I set the building blocks of my website to reusable React components.
    • [x] Installed React Routers and created navigation with links to the different URL paths; Books and Categories.

    I worked according to these project requirements.

    opened by carlylechia 0
Owner
Chia Carlyle
Web developer, JavaScript enthusiast, part-time songwriter. Currently learning: JavaScript, Ruby, Rails, React, Redux. Looking for my next job!
Chia Carlyle
GitHub
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with 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.

Hamza Ellaouzi 8 Oct 29, 2021
"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

Rwubakwanayo Olivier 2 Jun 12, 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
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
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

Arthur Guzman 3 Aug 28, 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 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

divine charlotte 11 Nov 23, 2022
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Henry Kc 10 Oct 17, 2021
A bookstore MVP that allows users to add, delete, and list available books

Bookstore It is a bookstore MVP that allows users to add, delete, and list available books. Features The website displays a bookstore user interface u

Gabriela Sánchez Espirilla 2 Mar 23, 2022
Bookstore CMS project based on React and Redux to display a list of books

This is a Bookstore CMS project based on React and Redux to display a list of books, categorize it, add and remove books and update your reading progress. It basically stores the added books and fetch the stored list of books using remote API.

Ali Aqa Atayee 7 Oct 30, 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 website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.

Bookstore The Bookstore is a website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built With Built with React Thi

AVLESSI Matchoudi 7 Jul 11, 2022
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Dionne Noella 5 Apr 9, 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
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
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.

Pedro Marques 5 Aug 13, 2022
This website is a React and Redux app. It is simply an adding and removing books store.

This website is a React and Redux app. It is simply an adding and removing books store. Thank you to the ZEPLIN website for the UI provided. This application works with an existing API.

Olipliche B.F. Mavoungou Paka 4 Oct 25, 2021
A website that allows users to add/remove books from a list

This is a website that allows users to add/remove books from a list. This project is build using JavaScript objects and arrays.

Basir Mohammadi 12 Sep 26, 2022
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

Baraka Mukelenga 4 Aug 9, 2021