CoinTrackX is a simple and open-source platform for tracking your coins profit/loss, made with React.js and TypeScript.
Welcome to CoinTrackX! This project is designed to help you track the profit and loss of your cryptocurrency investments. It offers a clean and intuitive interface built with modern web technologies.
- Track multiple cryptocurrencies
- View profit/loss in real-time
- Simple and intuitive UI
- Secure and private
To get started with CoinTrackX, follow these steps:
-
Clone the repository:
git clone https://github.com/FarzadMohtasham/CoinTrackX.git cd CoinTrackX
-
Install dependencies:
npm install # or yarn install
-
Set up environment variables: Create a
.env
file in the root directory and add the necessary environment variables. Refer to.env.example
for the required variables. -
Run the development server:
npm run dev # or yarn dev
Once the server is running, open your browser and navigate to http://localhost:3000
. Here, you can start tracking your
cryptocurrency investments.
-
Frontend:
- React
- Zustand
- Styled-Components
- Recharts
- Chakra UI
-
Backend:
- Supabase
-
Utilities:
- TanStack Query
- Axios
- React Hook Form
- React Hot Toast
-
Build Tools:
- TypeScript
- Vite
The project structure is as follows: ├── public │ ├── index.html │ └── ... ├── src │ ├── components │ │ └── YourComponent.tsx │ ├── hooks │ ├── pages │ ├── services │ ├── store │ ├── styles │ ├── App.tsx │ ├── main.tsx │ └── ... ├── .env.example ├── package.json ├── tsconfig.json └── vite.config.ts
Contributions are welcome! Follow these steps to contribute:
- Fork the repository
- Create a new branch (
git checkout -b feature/your-feature
) - Commit your changes (
git commit -m 'Add some feature'
) - Push to the branch (
git push origin feature/your-feature
) - Open a Pull Request
Please ensure to update tests as appropriate.
This project is licensed under the MIT License. See the LICENSE file for details.
Feel free to explore, use, and contribute to CoinTrackX! Happy coding!