This React application showcases the main characters of a popular anime, One Piece.
The One Piece anime depicts the adventures of Monkey D. Luffy, the young caption of a pirate crew with the power to stretch his body like rubber. In this world full of pirates, Luffy set out to sea with one goal in mind. He wants to become the King of all Pirates. This feat was accomplished once before 20 years in the past by a man named Gol D. Roger. Inspired by this accomplishment, Luffy has formed his own crew full of talented individuals who believe in his dream and will do anything to see to it that their captain attains that triumph.
- Fork and clone the repository into your local computer.
- Cd into One Piece project
- Run snippet in directory:
npm install - Run snippet in directory:
npm install -S [email protected] - Run snippet in directory to start json-server:
npm run server - Run snippet in directory to start React server:
npm start
This project was bootstrapped with Create React App.
In the project directory, you can run:
This will get and install all available dependencies for React.
npm install -S [email protected]
Note: Any previous versions of React Router will not be compatible with Node v16.17.1 used in this App!
Runs React Router, a client-side routing library for React.
For more information visit: React Router
Runs the db.json server, Open http://localhost:4000/charactersData to view.
Runs the app in the development mode.
Hosts the app and opens a browser window to display App.
Open http://localhost:3000 to view if the browser does not open.
The page will reload if you make changes.
You may also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can't go back!
If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.