BookAttic is an online bookstore made using the MERN stack.

Overview

BookAttic is an online bookstore made using the MERN stack.

Link to the website.

Table of contents

General info

This project is my first attempt at making a full-stack application. Node was the technology of choice here for the backend which further improved my understanding of JS. This is a full fledged e-commerce site for books. People can create an account and look at all their orders. This also has admin features built-in which can be accessed by signing in with an admin account. An Admin can add, edit or remove books and can also access a list of all orders.

Technologies

  • NodeJs
  • Express
  • React
  • Redux
  • MongoDB (mongoose)
  • Styled-Components
  • Material-UI
  • GSAP (animations)
  • PayPal SDK
  • JWT (auth)
  • Axios

Setup

To run this project, install both server and client dependencies using npm:

$ npm install
$ cd client
$ npm install

Using concurrently you can run both express server and CRA server at the same time:

$ npm run dev
You might also like...

A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

A Chrome T-Rex game remake using javascript and threejs. Online demo: https://rossning92.github.io/t-rex

T-Rex Game in 3D A Chrome T-rex game remake using javascript and threejs. Build the code Make sure you have node 12+ installed: https://nodejs.org/en/

Dec 29, 2022

This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using

This is full stack todo Application which has front end and backend side on my own. So you can try this out. Build using

Full Stack Todo Application Hello Everyone... Here I am sharing some information about the TODO APP which I build using React, Redux, Material UI, Exp

Nov 8, 2022

Buy or renew two-wheeler insurance online. Free Quotes from Top Insurers with Lowest Premiums in 20 Seconds

Buy or renew two-wheeler insurance online. Free Quotes from Top Insurers with Lowest Premiums in 20 Seconds

PolicyBazaar Clone This project was created using create-react-app and Json server How to run app Clone the app git clone url How to run backend npm

Nov 17, 2022

Simple implementation of online contract signature.

react-pdf-signaturer Simple implementation of online contract signature. Example online demo: https://buynao.github.io/react-pdf-signaturer/ Usage $ g

Nov 28, 2022

Online ide where one can run code written in the available language

Online ide where one can run code written in the available language, can choose theme out of 10 themes, can change font size as well as can generate url of their code

Dec 25, 2022

This is an online dialog with realtime chat, voice and face to face.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jun 7, 2022

Simple Quran Player 🔊 , listen to the Holy Quran online

Simple Quran Player 🔊 , listen to the Holy Quran online

Quraan Player React Native Description this is a app that you can listen to the Holy Quran online you can play the audio out side the app and on lock

Dec 30, 2022

Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Aug 21, 2022

Truth or Dare Generator App made using React.

Truth or Dare Generator App made using React.

Feb 28, 2022
Owner
Chirag Datwani
Businessman by day, Dev by night.
Chirag Datwani
This app simulates a simple bookstore, and it was created using ReactJS and Redux.

Bookstore About The Bookstore is a website similar to the "Awesome Books" website built in the previous Microverse module (see live version). My goal

Enio N. de Souza 6 Oct 3, 2021
Hotel Booking System Built In MERN (MongoDB, ExpressJs, ReactJs, Nodejs) Stack.

Setting Up The Project Please Run The Commands Below to Run the Project git clone https://github.com/yishakdotjs/yishakdotjs-Hotel-Booking-System-Fron

Yishak Abraham 1 Feb 3, 2022
Bookstore CMS React Front-End to display a list of books, categorize it, add and remove books and update your reading progress

Bookstore REACT app to manage your books Build an app to display a list of books, categorize it, add and remove books and update your reading progress

Eapen Zacharias 3 Aug 19, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

Bookstore The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that al

Anuar Shaidenov 6 Jun 12, 2022
"BookStore" is a web app for adding books. It is a Single Page App (SPA) that allows users to add and remove a book from the library

BookStore | M3Wx "BookStore" is a web app for adding and removing books from a library storage. It is a Single Page App (SPA) that allows users to add

Alexander Oguzie-Ibeh 4 Apr 11, 2022
The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

Book Store This is Book Store project. Built With HTML CSS JavaScript React Screenshot Live Demo Go Live ?? Getting Started Open dev branch Open VSCod

Tadesse Alemayehu 5 May 3, 2022
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
Starter Antd 4.0 Admin App Mern( Node.js / React / Redux / Ant Design ) Crud & Auth , Dashboard

Starter Antd Admin (Crud & auth) Mern App (Express.js / React / Redux / MongoDB) App built for DigitalOcean MongoDB Hackathon CRM Starter Mern Antd Ad

Salah Eddine Lalami 208 Jan 8, 2023
MERN app demonstrating basic CRUD operations .

Souvenir Website : https://mjsouvenir.netlify.app/ This is a full stack application made using MERN concepts Used MongoDB atlas for database and redux

null 1 Dec 18, 2021