GithubHelp home page GithubHelp logo

book_store_app's Introduction

Book_Store_App

Hello world!! This project, is a book store app,it is powered by React.js, Express and MongoDB. This last one is from where the data is fetched uisng Axios.

In this app, the user can add, read, update and delete books from the backend, making use of the inputs and buttons from the user interface. Which make this app a FullStack MERN Application.

The user interface display a home page, an add book page, books page and an about us page. The info that the user can add or modify and been displayed is the name of the book, the author, a description, a link to the image of the book, price and availability.

MaterialUI components where use to structure the page, as well plain CSS to personalized some components; and for the navigation React-Router-Dom, for its simple and intuitive way of working.

Current Functionality

  • Add books using the inputs in the page ADD BOOKS.
  • Update the info of created book, clicking on the Button UPDATE, localized in the Books page.
  • Delete a Book Clicking on the Button DELETE, localized in the Books page.

Future Functionality to Implement

  • Create a login authentication and authorization, with an admin board to control the access to the Data Base and that way, go public with the project.
  • Improve the responsivness of the project.
  • Improve the style of the Book component to make it more impressive

Usage

If you want to use this project, make sure to install the dependencies in both folders: frontend and backend. Aswell to use your own MongoDB authentication in the .env file.

No LiveDemo available for the moment.

book_store_app's People

Contributors

santiagoejm 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.