https://github.com/sinavahabi/bookshop-mini-project

Bookshop Web Application
https://github.com/sinavahabi/bookshop-mini-project

axios css3 error-handling flexbox fontawesome5 form-validation git grid-layout html5 javascript json-server react react-components react-hooks react-router-dom responsive-design responsive-website sass tailwind webapi

Last synced: about 2 months ago
JSON representation

Bookshop Web Application

• Host: GitHub
• URL: https://github.com/sinavahabi/bookshop-mini-project
• Owner: sinavahabi
• Created: 2023-12-17T13:39:37.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-08-03T14:49:47.000Z (5 months ago)
• Last Synced: 2024-08-03T16:01:15.359Z (5 months ago)
• Topics: axios, css3, error-handling, flexbox, fontawesome5, form-validation, git, grid-layout, html5, javascript, json-server, react, react-components, react-hooks, react-router-dom, responsive-design, responsive-website, sass, tailwind, webapi
• Language: JavaScript
• Homepage:
• Size: 11.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Bookshop Application

***Technologies***: React JS, JavaScript, HTML5, CSS3, Tailwind, Sass, Axios, JSON-Server

***Topics***: react, javascript, git, sass, html5, css3, react-components, flexbox, form-validation, axios, error-handling, grid-layout, webapi, responsive-design, json-server, react-router-dom, responsive-website, tailwind, fontawesome5, react-hooks, user-management, jalali-date, cryptojs

## Instructions

**Create React App**

    npx create-react-app bookshop-app

**Run Development Server**

    npm run start

**Install React Router Dom V6**

    npm install react-router-dom

   **Install Axios**

    npm install axios

**Install JSON-Server**

    npm install json-server

    

*package.json*

> "server-products": "json-server --watch database/products.json --port 5000"

> "server-users": "json-server --watch database/users.json --port 5001"

**Install uuid**

    npm install uuid

    

**Install Jalali Date**

    npm install jalali-date

    

**Install Crypto JS**

    npm install crypto-js

**Install Sass**

    npm install sass

**Install Font Awesome 5**

    npm i --save @fortawesome/free-solid-svg-icons

    npm i --save @fortawesome/free-regular-svg-icons

    npm i --save @fortawesome/free-brands-svg-icons

**Install Tailwind**

    npm install -D tailwindcss

    

**Setup Tailwind Config File**

    npx tailwindcss init

*tailwind.config.js*

    /** @type {import('tailwindcss').Config} */

    module.exports = {

    content: [

    "./src/**/*.{js,jsx,ts,tsx}",

    ],

    theme: {

    extend: {},

    },

    plugins: [],

    }

    

*index.scss*

    @tailwind base;

    @tailwind components;

    @tailwind utilities;