/reactnd-project-myreads-starter

Starter Code for the React MyReads Project

Primary LanguageJavaScript

MyReads Project

This is a website where you can find your reads , currently reading and want to read books.You can also search for a book and add it to currently reading list or reads or want to read.

Available Scripts

In the project directory, you can run:

1- git clone <githubrepolink>

2- npm install

3- npm start

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

What You're Getting

├── CONTRIBUTING.md
├── README.md - This file.
├── SEARCH_TERMS.md # The whitelisted short collection of available search terms for you to use with your app.
├── package.json # npm package manager file. It's unlikely that you'll need to modify this.
├── public
│   ├── favicon.ico # React Icon, You may change if you wish.
│   └── index.html # DO NOT MODIFY
└── src
    ├── App.css # Styles for your app. Feel free to customize this as you desire.
    ├── App.js # This is the root of your app. Contains static HTML right now.
    ├── App.test.js # Used for testing. Provided with Create React App. Testing is encouraged, but not required.
    ├── BooksAPI.js # A JavaScript API for the provided Udacity backend. Instructions for the methods are below.
    ├── Home.js # The landing page where u will find all lists of books
    ├── Books.js # The book component where u will find its cover , name , authors
    ├── Header.js # The header component(My Reads)
    ├── NotFound.js # This page will appear which you type any page which is not found
    ├── SearchBook.js # In this page you can search for any book and change its shelf
    ├── Shelf.js # In this component you will find all books in this shelf
    ├── ShelfChanger.js #In this component you ca change shelf for any book

    ├── icons # Helpful images for your app. Use at your discretion.
    │   ├── add.svg
    │   ├── arrow-back.svg
    │   └── arrow-drop-down.svg
    │   └── image-not-found.svg
    ├── index.css # Global styles. You probably won't need to change anything here.
    └── index.js # You should not need to modify this file. It is used for DOM rendering only.