This project is the solution to the Frontend Intern Assignment provided by KoinX. It involves converting a Figma design to code using React.js or Next.js, integrating various APIs, and ensuring responsive UI design.
The assignment required implementing a frontend design provided in Figma, fetching real-time data using Coingecko's API, integrating TradingView's chart widget, and ensuring responsiveness. Additionally, there were optional tasks such as dynamic token display using the URL.
The primary goal of this project is to convert the Figma design to code while fulfilling all the mandatory and optional tasks specified in the assignment.
- Conversion of Figma design to code
- Integration of Coingecko API for real-time data
- Integration of TradingView's chart widget
- Display of trending coins and their details
- Responsive UI design
- Coingecko API: Used to fetch real-time data including Bitcoin's price in USD and INR, as well as trending coins.
- TradingView API: Integrated to display BTCUSD chart widget.
To use this project, follow these steps:
- Clone the repository:
git clone https://github.com/nigdifg/koinx-frontend-intern-assignment.git
- Install dependencies:
cd koinx-frontend-intern-assignment
npm install
- Start the development server:
npm start
- Access the application in your browser at
http://localhost:3000
.
To set up this project, you need Node.js and npm installed on your system. Then, follow the usage instructions mentioned above.
This project can be deployed using platforms like Netlify or Vercel. Make sure to configure the deployment settings according to your requirements.
This project is licensed under the MIT License.