React Capstone

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🔭 Acknowledgements
• ❓ FAQ
• 📝 License

🎯 React Capstone

In this project, I worked with the real live data from Jikan in order to build a mobile web application to check a list of metrics and see the detail of those metrics.

🛠 Built With

Tech Stack

Technology

• HTML
• CSS
• Javascript
• React
• Redux
• Redux Toolkit
• React Router

Tools

• VS Code
• GIT
• GITHUB

Key Features

This project is a simple React Capstone. The main features are:

• The home section displays a list of animes fetched from an API.
• The URL for the detail page is created dinamic.

(back to top)

🚀 Live Demo

Watch it in action

(back to top)

💻 Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

you have to those tools in your local machine.

• NPM
• GIT & GITHUB
• Any Code Editor (VS Code, Brackets, etc)

Setup

Clone the project.

  git@github.com:dgcuenca/capstone-react.git

Go to the project directory.

  cd capstone-react

In the project directory, you can run:

  npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.You may also see any lint errors in the console.

  npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

  npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

(back to top)

👥 Authors

First Author:

Diego Cuenca

(back to top)

🔭 Future Features

• Improve UX

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

👋 Show your support

Give a ⭐️ if you like this project!

(back to top)

🔭Acknowledgments

• Microverse Team and Classmates.
• Nelson Sakwa on Behance.

(back to top)

❓ FAQ

• Are you using database?

  • No, I am not using any database.

• Can I use this project for personal use?

  • Yes, you can use it.

(back to top)

📝 License

This project is MIT licensed.

(back to top)