Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/camruthav/bookstore-app_mern

Bookstore App Using MERN Stack
https://github.com/camruthav/bookstore-app_mern

cors crud mern-stack vite webdevelopment

Last synced: 10 days ago
JSON representation

Bookstore App Using MERN Stack

Awesome Lists containing this project

README

        

# Online Bookstore Application Using MERN Stack

### Project Overview
This is a simple online bookstore application built using the MERN (MongoDB, Express, React,
Node.js) stack. The application allows users to add and view books in a tabular or card format.

### Features
- User can add a new book with title, author, and price.
- User can view all books in a tabular format.
- User can view a book in a card format.
- User can perform CRUD operations on a single book
- User can search for a book by title.
- User can view all books at a glance

### Tech Stack
- Frontend: React
- Backend: Node.js
- Database: MongoDB
- Framework: Express

### Getting Started
1. Clone the repository and install required dependencies

(go into the specific folders and run npm install)
2. Configure environment variables for database connections and authentication secrets.
3. Run the application using npm start
4. Open your browser and navigate to localhost from frontend
5. You can now interact with the application

### Future Enhancements
- Implement search functionality with filtering and sorting
- Implement a feature to upload book covers
- Implement a feature to add book reviews
- Implement a feature to add book ratings
- Implement a feature to add unique book description

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh