Pets project using React.js
Requirements:
- Create the basic react app using create-react-app.
- 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.
- Allow the user to select several images and download them.
- Ability to: Select All, Clear Selection
- Search bar to filter displayed images by title or description
- Use of styled-components
- Use of react-router-dom - add additional About Me page or any other page you think would be relevant
- 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.
mkdir myfolder
cd myfolder
git clone https://github.com/AnkitKachhadiya/Eulerity.git
cd Eulerity
npm install
npm start