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

Related tags

React Apps react-capstone-project
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...
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

She Code Africa Nairobi 18 Sep 24, 2022
Calculator - a modern style app which provides a standard calculator functionality written in ReactJS
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
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.

Carlos HerverSolano 4 Mar 23, 2022
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

AVLESSI Matchoudi 7 Jul 11, 2022
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.

Williams Colmenares 7 Dec 17, 2022
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.

Okoye Charles 3 Dec 31, 2022
☁️ 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

null 3 Aug 19, 2022
This website is a React and Redux app. It is simply an adding and removing books store.
This website is a React and Redux app. It is simply an adding and removing books store.

This website is a React and Redux app. It is simply an adding and removing books store. Thank you to the ZEPLIN website for the UI provided. This application works with an existing API.

Olipliche B.F. Mavoungou Paka 4 Oct 25, 2021
Book Store App - a bookstore website published with react and redux
Book Store App - a bookstore website published with react and redux

Book Store App This is a bookstore website published with react and redux. It has display list of books, add books and also remove books functionaliti

Michael_Tamirie 4 Apr 9, 2022
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
GitHub
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
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
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 - parth[email protected] Chaitya Vora - [email protected] Harsh

Parth Shirole 6 Mar 27, 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
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

Sijeesh Miziha 51 Dec 8, 2022