This is a completed project from a starter template at Udacity's React Fundamentals course. The goal of this project is to build an interactive book collection website by using React, HTML, CSS and JavaScript.
To view project right away:
- install all project dependencies with
npm install - start the development server with
npm start
├── README.md - This file.
├── 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 the app.
├── App.js # This is the root of your app. Contains static HTML right now.
├── BooksAPI.js # A JavaScript API for the provided Udacity backend.
├── Bookshelf.js # A component to display each categories of books in homepage.
├── Book.js # A component to display each book information such as boot title, authors, etc..
├── BookShelfChanger.js # A component to display book shelf's options and allow you to change it.
├── HomePage.js # Home page which inchludes three categories of books and navigation buttons.
├── SearchPage.js # Search page which allows you to search and add a new book to the category and display it at homepage.
├── icons # Images for the app.
│ ├── add.svg
│ ├── arrow-back.svg
│ ├── arrow-drop-down.svg
│ ├── homepage.png
│ ├── searchPage.png
│ └── bookChanger.png
├── index.css # Global styles.
└── index.js # For DOM use only.- React - The JavaScript library for building user interfaces.
