This project demonstrates data visualization using Recharts 📈 with data fetched from the Fakestore API 🛒. It includes Bar and Pie charts to showcase various product attributes.
- 📊 Bar Chart for visualizing product categories and their stock/price
- 🍰 Pie Chart for showing the distribution of product categories
- 📱 Responsive design for seamless use across devices
See the medium article for guide! click to see
- Clone this repository:
git clone https://github.com/Tahrim19/Chart-app.git
- Navigate to the project directory:
cd chart-app - Install dependencies:
npm install
- Start the development server with Vite:
npm run dev
- Open http://localhost:5173 to view it in your browser.
- ⚛️ React for UI components
- ⚡ Vite for fast development and optimized builds
- 📊 Recharts for creating data visualizations
- 📡 Axios for API requests to Fakestore
- 🛒 Fakestore API to retrieve sample product data
- Fakestore API Documentation: https://fakestoreapi.com/
- Recharts Documentation: https://recharts.org/
- Vite Documentation: https://vitejs.dev/
Feel free to fork the repository and submit pull requests if you'd like to contribute. 😊