KoinX Frontend Developer Assignment

This project is a take-home assignment for the Frontend Developer role at KoinX. The objective is to convert a given Figma design into code using React.js or Next.js. The project involves integrating Coingecko and TradingView APIs to fetch and display real-time data about Bitcoin and other trending cryptocurrencies.

Objective

The main goal of this project is to create a responsive web page that displays detailed information and sentiment analysis about Bitcoin and other trending cryptocurrencies.

Screenshots

Features

• Implements all components as per the provided Figma design.
• Fetches real-time price data of Bitcoin in USD and INR using Coingecko's /simple/price API.
• Utilizes TradingView's charts of BTCUSD.
• Fetches top 3 trending coins using Coingecko's /search/trending API.
• Responsive UI design according to the Figma design.
• Hosted on GitHub and deployed using Netlify/Vercel.

Technologies Used

• React.js/Next.js
• HTML/CSS
• JavaScript
• Coingecko API
• TradingView API
• GitHub
• Netlify/Vercel

Installation

1. Clone the repository:

   git clone https://github.com/your_username/repository_name.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm start

4. Open http://localhost:3000 to view it in the browser.

API Documentation

• Coingecko API: Documentation
• TradingView API: Widget Docs

Notes

• Written clean and maintainable code adhering to best practices.
• Structured commits logically and used version control effectively.

Credits

• Figma design by KoinX
• Icons from FontAwesome

Contributors

• Wali Mohammad (@conqxeror)