Code Monkey home page Code Monkey logo

book-buddy-client's Introduction

Book Buddy Client

It a book warehouse management website. Very exciting project using ReactJS, Tailwind and MongoDB. This project purpose is to implement User authentication, curd operation, work with both client and server, use JTW to make more secure to protect unauthentic access.

Live website link : https://book-buddy01.web.app/

  • Book Buddy is a warehouse management website
  • Here has Home, Blogs, Login, Sign In, Password Reset, Add Book, My Books, Manage Books, Book Details and more Pages.
  • In Home Page has Header, 6 books card, a "Manage Inventory" button and Footer Section
  • Authentication System is implemented by Email-Password and Google Account
  • In every Book card have a "Stock Update", it will navigate to /inventoryDetails . There have a "Restock this item" form so that can added new stock. There also have a "Delivered" button, when it is clicked the stock will be decrease by 1.
  • In Manage Inventories page have "Add Item" ,"Delete" and "Update" button. "Update" button navigate to /inventoryDetails."Add Item" button navigate to "/addInventory" page. "Delete" button when clicked remove item by id and update ui.
  • in "My Books" page displayed all books these are added by the user . And can delete the book by "Delete" button.
  • unknown url are controlled by 404 Not Found Page.
  • For this project used mongodb to manage the data.
  • Client Side is deployed in firebase and Server Side is hosted in Heroku.

Tools

  • REACT
  • FIREBASE
  • React Firebase Hooks
  • React Router
  • Tailwind CSS
  • Tailwindcss Forms
  • react-icons
  • react-toastify

Code

book-buddy-client's People

Contributors

sec-masum avatar

Watchers

 avatar

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.