Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lamiasristy/magic-cats
This project is a catalog for cat Breeds, from the whole world with links from Wikipedia, which developed using React.
https://github.com/lamiasristy/magic-cats
react react-hooks react-router redux
Last synced: 17 days ago
JSON representation
This project is a catalog for cat Breeds, from the whole world with links from Wikipedia, which developed using React.
- Host: GitHub
- URL: https://github.com/lamiasristy/magic-cats
- Owner: LamiaSristy
- Created: 2021-02-06T14:58:37.000Z (almost 4 years ago)
- Default Branch: development
- Last Pushed: 2021-02-11T16:25:08.000Z (almost 4 years ago)
- Last Synced: 2024-11-29T11:32:40.618Z (24 days ago)
- Topics: react, react-hooks, react-router, redux
- Language: JavaScript
- Homepage:
- Size: 2.59 MB
- Stars: 8
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Magic-Cats
This project is a catalogue for cat Breeds, from the whole world with links from wikiperia, which developed using React. Here I have practiced the basics of React, like,
- Props and States,
- component,
- Life-cycle methods,
- Hooks,
- Routers,
- Styling the React app,
- Testing React components.
- Redux-toolkit.## `Build-With:`
- ([Thecatapi](https://docs.thecatapi.com/))
- React-virtual DOM concepts
- VScode## `Live Demo:`
[cat-pedia](https://magicalcats.herokuapp.com/)
## `Project presentations:`
[Part1-Theproject](https://www.loom.com/share/8b92c5565a994bfa9fbb974767cac387)
[Part2-TechTalks](https://www.loom.com/share/2b6be51a710748f396b4682c3c79beac)## `Screen-shots:`
# Getting Started:
### `Prerequisites`
To get this project up and running locally, "npm install" is needed to be run in order to include all dependencies used for this project.
**To get this project set up on your local machine, follow these simple steps:**
1. Open Terminal.
2. Navigate to your desired location to download the contents of this repository.
3. Copy and paste the following code into the Terminal: git clone `https://github.com/LamiaSristy/magic-cats`.
4. Into the Terminal: run `cd magic-cats`.
5. Into the Terminal: run `npm install`.
6. Into the Terminal: run `npm start`.
7. To see the website in the browser, open browser and load `localhost:3000`.**To run the test suits:**
1. Into the Terminal: run `npm test`.
2. Press `a` to run all tests.## `Author Details::`
👤 **Lamia Sristy**
- Github: [@LamiaSristy](https://github.com/LamiaSristy)
- Linkedin: [@LamiaSristy](https://www.linkedin.com/in/lamia-hemayet-sristy/)
- E-mail: Email
- Twitter: [@LamiaSristy](https://twitter.com/lsristy1)## `Show your support:`
Give ⭐ Star me on GitHub — it helps!
## 📝 `License`
This project is [MIT](lic.url) licensed.