ahsan7162 / My-reads-React-Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Reads Project On React

Purpose Of project

This game was built for the XORD Blockship Program. The purpose of the project is to demonstrate understanding of the basic structure and operation of a React-based app.

Features Of Project

  • Use of fuctional Component instead of Traditional class based Components
  • App separated into different components for better reusability
  • Use of React-Router for Navigation
  • Use of React Hooks to simplify operation
  • Search Results are shown as you start typing

Deployed Project

You can Run the deployed app on https://myreadsxord.surge.sh/

How to Use the App

  • Books are sorted into three categories: Currently Reading, Want to Read and Read
  • To change a book's category or remove a book from the list, click on the green button on the book cover
  • To add new books, click on the search button at the bottom of the page. Enter an author's name or subject. Up to 20 items will be returned.

Packages used in this APP

  • React-Router
  • Hooks(useState,useEffect)

Available Scripts

In the project directory, you can run:

npm install

To install all the packages with related to this app

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

About


Languages

Language:JavaScript 52.4%Language:CSS 40.7%Language:HTML 6.9%