This is a fun project build with PokeAPI where you can find your favorite pikachu and know more details about them.
-
List Page:
- List the pikachu from (https://pokeapi.co/) - Number of Pikachu to list is configurable
- It has a search feature which searches by keyword
- You can see the details of each Pikachu once you click on each of them
-
Pikachu Details Page:
- Lists the description of each pikachu
- can go back to previous listing page with go button
To get you started you can simply clone the repository:
git clone https://github.com/Rajdeepc/pikachu-story.git
You need git to clone the repository. You can get git from http://git-scm.com/.
A number of node.js tools is necessary to initialize and test the project. You must have node.js and its package manager (npm) installed. You can get them from http://nodejs.org/.
and install the dependencies
npm install
npm run lint
npm run buildnpm test
To Run Locally Steps to follow:
npm start
git checkout masterfrom any folder in your localhttps://github.com/Rajdeepc/pikachu-story.gitrepositorygit pull origin masterto ensure you have the latest main codegit checkout -b the-name-of-my-branch(replacingthe-name-of-my-branchwith a suitable name) to create a branch
- Follow the "Running locally" instructions
- Save the files and check in the browser
- Changes to React components in
srcwill hot-reload - Changes to markdown files in
contentwill hot-reload - If working with plugins, you may need to remove the
.cachedirectory and restart the server
git add -A && git commit -m "My message"(replacingMy messagewith a commit message, such asFixed header logo) to stage and commit your changesgit push my-fork-name the-name-of-my-branch- Go to the pikachu-story and you should see recently pushed branches.
- Follow GitHub's instructions.
- If possible, include screenshots of visual changes. A Netlify build will also be automatically created once you make your PR so other people can see your change.
