paperCuts

paperCuts is a site that lists free eBooks 📚 and online books related to programming, computer science, software engineering, web design and more which are provided by publishers or authors on their websites legally. We do not host pirated books or we do not link to sites that host pirated books.

for live demo

• 
• 

Used tools

• Axios
• Bootstrap
• js-cookie
• jwt-decode
• React-Dropzone
• React-Icons
• React-Redux
• React-Router-Dom
• React.js
• Redux-Toolkit
• sass
• Validator

Quick start 🚀

First Step

Download the files from releases or clone it with git version control:

git clone https://github.com/Mohammed-Taysser/paperCuts.git

Second Step

Inside paperCuts Directory Install Dependencies By

npm install

Last Step

Start The Development Server

npm start

Features 💬

• Designed with progressive enhancement in mind.
• Standalone With Only React
• Using Hooks & redux & cookies To Save And Deal With Data
• Use Redux with redux-toolkit Store

Adding Bootstrap

npm install bootstrap

Import Bootstrap CSS and optionally Bootstrap theme CSS in the beginning of your src/index.js file:

import 'bootstrap/dist/css/bootstrap.css';
// Put any other imports below so that CSS from your
// components takes precedence over default styles.

Using a Custom Theme

To enable scss in Create React App you will need to install sass.

npm install sass

To customize Bootstrap, create a file called src/custom.scss (or similar) and import the Bootstrap source stylesheet. Add any overrides before the imported file(s). You can reference Bootstrap's documentation for the names of the available variables.

// Override default variables before the import
$body-bg: #000;

// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';

Finally, import the newly created .scss file instead of the default Bootstrap .css in the beginning of your src/index.js file, for example:

import './custom.scss';

also create fake json using mockaroo

for used public schemas see db.md for more details and example.

for image url use picsum.photos

Special Thanks For Inspiration To

• chapter-one-bookstore
• dbooks

Additional Tips

Create Tree Map

you can use tree

the . to use the current directory(don't forget to use it inside our project directory which call paperCuts)

TREE.md is the output file name

-I "directory name" use to exclude un-needed directory like node_modules

tree  . > TREE.md  -I "node_modules"