This template provides a minimal setup to get React working in Vite with HMR.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Add import path in vite.config.js
import path from 'path';
Add resolve within the defineConfig function alias path.
resolve: {
alias: {
'@': path.resolve(__dirname, './src/')
}
}
The code provided is from a file called jsconfig.json. This file is commonly used in JavaScript projects
Create jsconfig.json in the root directory. In this case, there are two options specified
Using baseUrl and paths in CompilerOptions it's allows to use of custom paths to easy.
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
},
"include": ["src"]
}
Tutorial URL: https://youtu.be/JPlVb3t6kx8
For figma file: - Open the figma and upload the given fig file directly into the file explorer
External Libraries used in this project:
- https://tailwindcss.com/
- https://recharts.org/en-US/
- Fonts from https://fonts.google.com/
- Icons from https://iconify.design/
- API from https://www.coingecko.com/en/api
Special Thanks to coingecko(https://www.coingecko.com) for providing such api.
Credit : https://www.youtube.com/channel/UCeYt6blRBKuNrEg_-282fSA Starter Code Files: https://github.com/codebucks27/CryptoBucks-A-crypto-screener-application