Crypto Metrics web app

📗 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
• 🙏 Acknowledgements
• ⭐️ Show your support
• 📝 License

📖 Crypto Metrics web app

Crypto Metrics web app is a web app which displays the live cryptocurrency prices and other details.

🛠 Built With

• Reactjs
• Redux toolkit
• CSS

Tech Stack

Client

• React.js

• redux-toolkit.js

• CSS

Key Features

• When the page loads, the webapp displays the list of categories that could be filtered out by the category name.

• Along with the category name, it also displays some numeric values per category that come from the API.

• When the user clicks on a category item, the application navigates to the details page.

• In the details page, the webapp retrieves data from the API to show detailed data in the category.

• When the user clicks on the (<) button , the user navigates to the home page.

🚀 Live Demo

• Live Demo Link
• Loom Video

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

-[] A web browser like Google Chrome. -[] A code editor like Visual Studio Code with Git and. -[] Install Nodejs.

You can check if Git is installed by running the following command in the terminal.

$ git --version

To check the Node.js version and npm for package installed.

$ node --version && npm --version

Setup

Clone this repository using the GitHub link provided below.

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/stevenmukama/react-capstone.git

Usage

Kindly modify the files as needed.

In the project directory, you can run:

$ npm install

& then

$ 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.

Run tests

To run tests, run the following command:

$ npm test

Deployment

You can deploy this project using:

$ npm run deploy

Or you can use services like Render, Netlify to deploy it.

(back to top)

👥 Author

👤 Mukama Steven

• GitHub: @stevenmukama
• LinkedIn: @Steven Mukama

(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

Original design idea by Nelson Sakwa on Behance.

(back to top)

🔭 Future Features

• [] Customize the App with more Images.
• [] Add more responsiveness to the website.

(back to top)

📝 License

This project is MIT licensed.

(back to top)