A Website App built with React and Redux for a company that provides commercial and scientific animals informations

Overview

JavaScript React Redux Webpack Jest

Animal Album

A Website App built with React and Redux for a company that provides commercial and scientific animals informations. The application fetches the data from the zoo animal API and allows users to see specific animal information.

video

  • you can see the Video here.

Design

Live Demo

LINK DEMO

Built With πŸ› οΈ

  • HTML/CSS & JS best practices: Correct use of tags, elements, properties and syntax.
  • GitHub flow: Correct use of Branches for deployment and features development.
  • Linters Check: Local and Pull Request check for errors, bugs and stylistic errors in code.
  • Webpack: Bundler form JavaScript files for usage in a browser.
  • Jest: JS testing framework used for the app testing.
  • REACT JS: JS library used for the basic structure (components).
  • Redux/Redux Toolkit: JS library used to handle the app state changes/updates.

Preview πŸ‘οΈβ€πŸ—¨οΈ

Set Up Guide πŸ“„

  1. Use the following link for "$ git clone" the repo and cd REACT-GROUP-PROJECT

  2. "npm install" to install all the dependencies

  3. "npm start" to run the live version locally

  4. "code ." To open the project on your local editor

  5. Please click on the "access link" so you can check the live demo

  6. You can use the Animal to get information about animals πŸ§‘β€πŸš€

Authors ✍️ πŸ‘₯

πŸ‘¨β€πŸ’» Alzubair Alqaraghuli ✍️

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments 🌟

Show your support

Give a ⭐️ if you like this project!

πŸ“ License

This project is MIT licensed.

You might also like...
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example
flipkart-clone using react js express js mongo db razorpay complete e-commerce website using MERN stack client server MVC architecture redux redux-thunk ecomerce project live example

Flipkar Clone MERN stack Sijeesh Miziha's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart it has RazorPay I

The new open source website for SheCodeNairobi website πŸ₯³
The new open source website for SheCodeNairobi website πŸ₯³

She-codes Africa Nairobi Chapter Hello Stranger, this is the official open source website for She-codes-Africa Nairobi Chapter, in collaboration with

World Data - A react application that provides information about each country in the world

World Data A web application that provides information about each country in the world. The App is based on an external (REST COUNTRIES API) that allo

This accelerator provides a no code Studio for users to quickly build complex, multi-stage AI pipelines across multiple Azure AI and ML Services
This accelerator provides a no code Studio for users to quickly build complex, multi-stage AI pipelines across multiple Azure AI and ML Services

Business Process Accelerator Overview This accelerator provides a no code Studio for users to quickly build complex, multi-stage AI pipelines across m

A website designed to showcase the US stock market, Built using React, Redux, SASS, and tested using React testing library
A website designed to showcase the US stock market, Built using React, Redux, SASS, and tested using React testing library

Market Overview is a website designed to showcase the US stock market. You could find details about the stock of choice and improve your strategies. Built using React, Redux, SASS, and tested using React testing library.

A website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.
A website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built with React and Redux.

Bookstore The Bookstore is a website that allows uses to: Display a list of books. Add a book. Remove a selected book. Built With Built with React Thi

The Bookstore is a website built with React and Redux
The Bookstore is a website built with React and Redux

This project is a React and Redux App. A book library which allows a user to add, remove and update his favorites books.

A meal-based website that gives you all the information you need about your favourite breakfast, lunch and dinner. built with react-typescript & redux.
A meal-based website that gives you all the information you need about your favourite breakfast, lunch and dinner. built with react-typescript & redux.

A meal-based website that gives you all the information you need about your favourite meals. built with react-typescript & redux.

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API
☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

Comments
  • Features/style & extra functionalities

    Features/style & extra functionalities

    all the requirements are done πŸ‘

    (i used the google developers tool with iPhone 12.)

    1-Select the API you are going to use. 2-Build files structure for your React app. 3-Prepare routes and navigation in your app. 4-Make sure that a user can display a list of items and filter them. Data should come from the API. 5-Create the tests for the application 6-Style your components to match the design provided. 7-Deploy the project and test for final details. 8-Record a video for your project. 9-Create a good README and PR description.

    opened by Alzubair98 1
Owner
Alzubair Alqaraghuli
Full-Stack Developer, Front-End Developer, Machine Learning , Deep Learning. I'm in love with python, JavaScript. I'm Al-Zubair. Open to new opportunities
Alzubair Alqaraghuli
A valorant wiki where users can check informations and meet other players created with React

The aim of the project is to create a valorant wiki where users can check informations and meet other players (social section will be relased in the future). website created with React.

Matteo Leonesi 7 Jul 13, 2022
A mock SpaceX website to showcase info about this company, like rockets and missions

Inspired by the amazing company SpaceX, we built a mock website to showcase info about this company, like rockets and missions. It allows you to reserve rockets and a missions at will. You can then view all your reserved rockets and missions in your profile page. We built this website using React and Redux and we style it using React Bootstrap.

Carlos HerverSolano 5 Mar 23, 2022
Fully Responsive cleaning company website.

Table of Contents About The Project Built With Contact About The Project Fully Responsive cleaning company website. Project-Demo React Used Hooks (use

Furkan Γ‡at 7 Aug 29, 2021
Application developed for the application in the company SevenApps as Senior React Developer

Application Application developed for the application in the company SevenApps as Senior React Developer Available Scripts In the project directory, y

JosΓ© Eduardo 1 Feb 7, 2022
An e-commerce website for artisians which provides a common platform for both buyers and sellers to use

E-commerce website for Artisans Team name: Invictus Team members Parth Shirole - [email protected] Chaitya Vora - [email protected] Harsh

Parth Shirole 6 Mar 27, 2022
A full-stack e-commerce website inspired by the amazon website. Built with React, Redux and Firebase.

Amazon-Clone View Live Β· Report Bug Β· Request Feature Table of Contents About The Project Built With Getting Started Clone Locally Prerequisites Contr

Okoye Charles 19 Oct 3, 2022
The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript

The Bookstore is a website similar to the "Awesome Books" website already built with JavaScript. It allows you to: Display a list of books. Add a book. Remove a selected book. By building this application, I learned how to use React and Redux.

Hamza Ellaouzi 8 Oct 29, 2021
Bookstore - a website similar to the Awesome Books website built in the previous module

The Bookstore is a website similar to the Awesome Books website built in the previous module. This MVP version allows you to: Display a list of books. Add a book. Remove a selected book. It is built with React, Redux, Javascript and CSS.

Chia Carlyle 4 Oct 4, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

The Bookstore is a website similar to the "Awesome Books" website built in the previous module.

Amrendra K 4 Jun 3, 2022
Calculator - a modern style app which provides a standard calculator functionality written in ReactJS

Calculator ReactJs/Hooks/Typescript/Jest This Calculator is a modern style app which provides a standard calculator functionality, it is written in Re

Jose 1 Apr 3, 2022