Biterno is a modern cryptocurrency exchange platform built with React and Vite. It provides a seamless user experience for trading cryptocurrencies, learning about blockchain, and staying updated with the latest trends in the crypto market.
- Landing Page: A visually appealing homepage with sections like Hero, How It Works, Crypto Learning, and more.
- Authentication: Signup and login functionality with support for OpenID, Google, and Apple.
- Market: Explore cryptocurrencies, view trends, and access detailed market data.
- Discover: Learn about blockchain and cryptocurrencies through blogs and educational content.
- Contact: Get in touch with the team or learn more about the platform.
- Responsive Design: Fully responsive and optimized for all devices.
- RTL Support: Designed for right-to-left (RTL) languages.
The project is organized as follows:
├── public/ # Static assets
├── src/ # Source code
│ ├── assets/ # Fonts, images, and other assets
│ ├── components/ # Reusable UI components
│ ├── lib/ # Utility functions
│ ├── features/ # Page components for routing
│ ├── store/ # Context providers and Redux for state management
│ ├── constants/ # constants
│ ├── utils/ # utils
│ ├── index.css # Global styles
│ ├── main.jsx # Application entry point
│ └── App.jsx # Main application component
├── .gitignore # Git ignore file
├── index.html # HTML entry point
├── package.json # Project dependencies and scripts
├── tailwind.config.js # Tailwind CSS configuration
├── vite.config.js # Vite configuration
└── README.md # Project documentation-
Clone the repository:
git clone https://github.com/your-username/biterno.git cd biterno -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173.
npm run dev: Start the development server.npm run build: Build the project for production.npm run preview: Preview the production build.npm run lint: Run ESLint to check for code quality issues.
- Frontend: React, Tailwind CSS, Swiper.js
- Build Tool: Vite
- State Management: React Context API
- Routing: React Router
- Icons and Images: Custom assets and SVGs
src/pages: Contains all the main pages likeLanding,Market,Auth, andDiscover.src/components: Reusable components likeHero,Card, andFooter.src/layout: Layout components for consistent page structure.src/assets: Fonts, images, and other static assets.
Contributions are welcome! Please fork the repository and submit a pull request with your changes.
This project is licensed under the MIT License.
- Inspired by modern crypto exchange platforms.
- Built with love using React and Tailwind CSS.
For any inquiries, please contact us at Me.