Code Monkey home page Code Monkey logo

book-management-app's Introduction

BOOK-MANAGEMENT-APP

This is a simple full stack web app developed using MERN Stack used to add, modify or delete books, using a client and server interface with RESTful Api's for routing.

Technologies Used

  • Frontend: React, Axios and related packages. (all latest versions)
  • Backend: Node.js, Express, MongoDB-Atlas and related packages. (all latest versions)
  • Deployment: Netlify(for front end) and Render(for back end).

Design Decisions:

Created mainly using the MVC (Module-View-Controller) architecture, where server is the module, client is the view and RESTful API's are the controller.

Steps to run the Project:

git clone https://github.com/smsraj2001/BOOK-MANAGEMENT-APP.git
  • From the root folder:

CLIENT SIDE

cd client
  • To install all node packages :
npm i
  • NOTE: For localhost, in this file : BOOK-MANAGEMENT-APP/client/.env
    • Comment out the line 2 and uncomment the line 1
  • To run the client side app :
npm start
  • The default location of local host application is localhost:3000

SERVER SIDE

cd server
  • To install all node packages :
npm i
  • To start the backend server : (default at port 5000, if local-hosted)
node server.js
  • The MongoDB is remote hosted in MongoDB-Atlas and the URI for the same is mentioned in BOOK-MANAGEMENT-APP/server/.env
    • Again for local host of mongoDB pls comment out the line 2 and uncomment the line 1

Features:

  • Can perform all operations as mentioned in the description such as CRUD operations and is tested on both the client and server interface for hassle free experience.
  • Adding books, opens in a separate page by clicking the Add Books button at the navbar.
  • We can add title, author, genre and image (A web URL of the image) of the book.
  • The book details can be viewed in the home page.
  • Each book has the option to be deleted or updated.
  • Updating includes modification of any details of the book. (Remember to click the Cancel button after clicking on the Update Book button to close the edit menu).

Deployment:

  • The app is deployed for ubiquitous access.
  • The server side is deployed on RENDER
  • The client side is deployed on NETLIFY Click Here

book-management-app's People

Contributors

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