Stats Preview Card Component

📗 Table of Contents

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

📖 Stats preview card component

Stats preview card component is a professional, tech-focused React.js project from Frontend Mentor, leveraging Styled Components to create visually engaging data visualization and offering valuable insights for empowered decision-making as an employee.

🛠 Built With

Tech Stack

Client

• React.js
• Styled Components

Key Features

• Styled Components
• SC String Approach
• SC Object Approach

(back to top)

🚀 Live Demo

• Live Demo

(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:

 yarn install

OR

 npm i

Setup

Clone this repository to your desired folder:

  cd DESIRED_FOLDER_PATH
  git clone git@github.com:skyv26/stats-preview-component.git

Build

Build this project with:

  yarn build

OR

  npm build

Usage

To run the project, execute the following command:

Example command:

  yarn start

OR

  npm start

Deployment

You can deploy this project using any online website deployment platform like gh-pages, vercel, netlify, railways.app or render.

(back to top)

👥 Authors

👤 Aakash Verma

• GitHub: @skyv26
• Twitter: @vrma_aakash
• LinkedIn: skyv2022
• Frontend Mentor: @skyv26

(back to top)

🔭 Future Features

• Make it dynamic

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please support me by giving a star.

(back to top)

🙏 Acknowledgments

I would like to thank Frontend Mentor

(back to top)

📝 License

This project is MIT licensed.

(back to top)