Giter Club home page Giter Club logo

eulerity's Introduction

Coding Project

Pets project using React.js

Requirements:

  1. Create the basic react app using create-react-app.
  2. Display a list of images. Make a GET request to /pets to retrieve a JSON array of JSON objects that represent pet objects. These JSON objects will include properties like an image URL, title, description, entity creation date. You need to present these images and associated data in a compelling and interactive way. You can use axios for fetching data.
  3. Allow the user to select several images and download them.
  4. Ability to: Select All, Clear Selection
  5. Search bar to filter displayed images by title or description
  6. Use of styled-components
  7. Use of react-router-dom - add additional About Me page or any other page you think would be relevant
  8. Use of react-redux

Packages Used:

  • react : Its the basic requirement for the task and used for creating the frontend as well as Single-page application.
  • redux, react-redux : Its used for state management (acts as a single source of truth).
  • react-router-dom : Its used for routing/navigating purpose.
  • axios : Its used for making API calls.
  • styled-components : Its used for styling the components or web pages
  • jszip, jszip-utils : Its used for creating the zip file.
  • file-saver : Its used for downloading the files in our case zip file.

Used tota11y an accessibility visualization toolkit to improve the accessibility of the application.

Installation

mkdir myfolder

cd myfolder

git clone https://github.com/AnkitKachhadiya/Eulerity.git

cd Eulerity

npm install

npm start

eulerity's People

Contributors

ankitkachhadiya avatar dependabot[bot] 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.