Code Monkey home page Code Monkey logo

bushmusi / book-store Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 1.42 MB

The Bookstore project is to display a list of books, add a book, and remove a selected book. I have used React.Js as frontend library. There are also different tools I have used like linters, GitHub flow, GitFlow and Jest for testing porpuse.

Home Page: https://bushmusi-bookstore.herokuapp.com/

HTML 10.32% CSS 6.16% JavaScript 62.08% SCSS 21.45%
reactjs redux es6 eslint stylelint gitflow-workflow github-flow

book-store's Introduction

Book Store

The Bookstore project is to display a list of books, add a book, and remove a selected book. I have used React.Js as frontend library. There are also different tools I have used like linters, GitHub flow, GitFlow and Jest for testing porpuse.

This project is build using React framework and I have used stylelint and eslinte for checking linter errors.

Below features are added here

  • Basic mathematical operation
  • CSS3 grid features have used for input displays

screenshot

Live Demo

Built With

  • React.Js
  • CSS3
  • Linters

Getting Started

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

  1. git clone https://github.com/bushmusi/book-store
  2. cd book-store
  3. npm start

Run tests

For tracking linters errors locally, you need to follow these steps:

  • For tracking linter errors in CSS file run:
  1. npm install --save-dev [email protected] [email protected] [email protected] [email protected]
  2. npx stylelint "**/*.{css,scss}"
  • For tracking linter errors in Javascript file run:
  1. npm install --save-dev [email protected] [email protected] [email protected] [email protected]
  2. npx eslint .

Deployment

  • Use GitHub pages to deploy website
  • For more information about publishing sources, see About github pages

Author

๐Ÿ‘ค Bushra

๐Ÿค 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

  • Microverse
  • Coding Partners
  • Code Reviewers

๐Ÿ“ License

This project is MIT licensed.

book-store's People

Contributors

bushmusi avatar

Stargazers

 avatar

Watchers

 avatar

book-store's Issues

Add Reducers and Actions

Below activity should be done

  • 1. Add react-redux
  • 2. Structure your application using the feature folder
  • 3. Write your actions and reducer in books.js
  • 4. Write your actions and reducer in catagories.js
  • 5. Configure the React Redux Store

Setup Lineter

  • ESlineter config
  • Stylelint config
  • GitHub Pipeline

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.