Giter VIP home page Giter VIP logo

carbon-cell-takeaway's Introduction

Carbon_Cell_Takeaway

It is a home takeaway project for the carbon cell with bellow requirements

Live Link

Task 1: Create a Side Navigation Bar

  • Objective: Implement a side navigation bar similar to the one highlighted in the provided image.
  • Requirements:
    • The navigation bar should be responsive and collapse into a hamburger menu on smaller screens.
    • Include at least three navigation items.
    • Highlight the active navigation item.
  • Evaluation Criteria:
    • Correct implementation of the navigation bar layout.
    • Responsiveness on different screen sizes.
    • Proper highlighting of active navigation items.

Task 2: Graph Population Data

  • Objective: Fetch population data from the provided API (https://datausa.io/api/data?drilldowns=Nation&measures=Population) and create a graph.
  • Requirements:
    • Utilize React JS and any relevant libraries (e.g., Chart.js) to create the graph.
    • Display the population data for different nations. Provide appropriate labels, legends, and axis titles for the graph.
  • Evaluation Criteria:
    • Successful retrieval and display of population data.
    • Accuracy and clarity of the graph representation.
    • Proper labeling and styling of the graph components.

Task 3: Display Cryptocurrency Prices

  • Objective: Fetch cryptocurrency prices from the provided API (https://api.coindesk.com/v1/bpi/currentprice.json) and display them in cards.
  • Requirements:
    • Fetch data asynchronously using React's lifecycle methods or hooks.
      • Display prices of Bitcoin in multiple currencies (e.g., USD and Euro).
      • Design visually appealing cards to showcase the cryptocurrency prices.
  • Evaluation Criteria:
    • Proper integration and retrieval of cryptocurrency prices.
    • Clear presentation of prices in the card format.
    • Visual appeal and consistency in card design.

carbon-cell-takeaway's People

Contributors

powerlevel9000 avatar

Watchers

 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.