https://github.com/krenbot/monster-rolodex
Handy rolodex for keeping track of monsters
https://github.com/krenbot/monster-rolodex
json monsters react rolodex udemy-course-project
Last synced: 3 months ago
JSON representation
Handy rolodex for keeping track of monsters
- Host: GitHub
- URL: https://github.com/krenbot/monster-rolodex
- Owner: Krenbot
- Created: 2023-04-19T22:34:16.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-05T22:16:34.000Z (almost 2 years ago)
- Last Synced: 2024-10-06T02:40:52.204Z (9 months ago)
- Topics: json, monsters, react, rolodex, udemy-course-project
- Language: TypeScript
- Homepage: https://krenbot.github.io/monster-rolodex/
- Size: 358 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Monster Rolodex
https://krenbot.github.io/monster-rolodex/
## Description
Based on a [tutorial](https://github.com/ZhangMYihua/monsters-rolodex-complete) from [ZhangMYihua](https://github.com/ZhangMYihua) for the Complete React Developer course from Udemy.
This simple app serves as a basis and refresher for intermediate React concepts. From compartmentalizing components to source control, this particular project serves/ed as a precursor to a capstone project.
## Table of Contents
1) [Technologies](#technologies-used)
2) [Challenges](#challenges)
3) [Future Implementations](#future-implementations)
4) [User Story](#user-story)
5) [Installation](#installation)
6) [Credits](#credits)
7) [License](#license)
## Technologies
* [React](https://react.dev/) - Front-end library.
* [TypeScript](https://www.typescriptlang.org/) - Compiler
## Challenges
* Learning to bundle individual CSS files in the component folders.
* Source control. Breaking the personal habit of always pushing to main instead of testing new features in dev.
## Future Implementation
* More custom monsters
* Phone-book style searchings
* App layout improvements
## User Story
```md
AS A monster enthusiast
I WANT to be able to search monsters dynamically by name
SO THAT I can find particular monsters more easily.
```
## Installation
* Clone directory to code editor of choice
* Use `$npm run start` script to watch changes while working
* Use `$npm run build` to build the webpack
## Credits
* Project came from a tutorial by [Zero-To-Mastery](https://zerotomastery.io/)'s [Complete React Developer](https://zerotomastery.io/courses/learn-react/) course.
Thanks, [Yihua](https://github.com/ZhangMYihua).
## License
MIT © Krenbot