Costotus
Feb 11, 2022GitHubView Project

Costotus is a client-side cost calculator designed to help small businesses manage their finances and production costs effectively. Built with React, it offers a suite of tools to track expenses, manage inventory, and calculate product profitability.

Features

  • Company Expenses: Track recurring expenses like rent, salaries, and utilities.
  • Material Management: Organize raw materials and packaging inventory.
  • Recipe Builder: Combine materials to create recipes and determine base costs.
  • Product Costing: Calculate precise cost-per-unit for products based on recipes.
  • Financial Insights: View cost charts over time to analyze spending trends.
  • Multi-Currency: Auto-fetch exchange rates for multi-currency support.
  • Productivity: Built-in todo list widget on the dashboard.
  • Localization: Available in English and Turkish.

Technical Details

This Single Page Application (SPA) was bootstrapped with Create React App and runs entirely in the browser.

  • Framework: React 17 with React Router 6 for navigation.
  • State Management: React Context API.
  • UI/UX: Styled with DaisyUI.
  • Charts: Data visualization using Chart.js.
  • I18n: Internationalization support via i18next.

Project Gallery

Image 1 of project costotus
Image 2 of project costotus
Image 3 of project costotus
Image 4 of project costotus
Image 5 of project costotus
Image 6 of project costotus
Image 7 of project costotus
Image 8 of project costotus
Image 9 of project costotus
Image 10 of project costotus
Image 11 of project costotus
Image 12 of project costotus
Image 13 of project costotus
Image 14 of project costotus
Image 15 of project costotus
Image 16 of project costotus
Image 17 of project costotus
Image 18 of project costotus
Image 19 of project costotus

Tech Stack

React 17React Router 6Context APIDaisyUIi18nextChart.js