GithubHelp home page GithubHelp logo

andres6936 / childrenstories Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 1.33 MB

The cupi2 foundation is conducting a campaign for education. The campaign includes the sale of children's stories and all money received will be donated in sales. You want to have an application that allows you to consult information on the books for sale, buy a book and also see the progress of the sales.

HTML 12.04% CSS 6.51% JavaScript 81.46%
responsive-design react bootstrap

childrenstories's Introduction

Enunciated

The cupi2 foundation is conducting a campaign for education. The campaign includes the sale of children's stories and all money received will be donated in sales. You want to have an application that allows you to consult information on the books for sale, buy a book and also see the progress of the sales.

For each book the following information will be handled: Name, number of pages, price, number of units that have been sold and the image on the cover. The information for each book is loaded from a text file. The application must:

  1. Show the detailed information of a book
  2. Allow the user to browse through all the children's story books. That is to say, go back and forth between the books, go to the first book and go to the last book. If the user tries to go backwards, finding himself in the first book, the must display a message informing you of what happened. Likewise, if the user tries to advance, being in the last book, the application must show the message respective.
  3. Allow the user to search for a book by name and display its information. If the book does not exist, the application must inform the user.
  4. Allow the user to buy a book.
  5. Show the information of the best-selling book. If there is more than one book that meets with that condition, the book with the highest price is shown.
  6. Show the information of the collection achieved so far.

Below are the features of the interface and some messages.

Interface

The interface presents the information of the book selected by the user, the best-selling book information and the collection information. If no book has been sold, the interface does not show information related to the best-selling book.

Interface

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn 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.

childrenstories's People

Contributors

andres6936 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.