This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
/**************************************************************************************************/
In this project, let's build a Congrats Card by applying the concepts we have learned till now.
Refer to the image below:
congrats-card-output
Design Files Click to view Extra Small (Size < 576px), Small (Size >= 576px) Medium (Size >= 768px), Large (Size >= 992px) and Extra Large (Size >= 1200px) Completion Instructions Implementation Files
Use these files to complete the implementation:
index.js index.css Resources Image URLs https://assets.ccbp.in/frontend/react-js/congrats-card-bg.png https://assets.ccbp.in/frontend/react-js/congrats-card-profile-img.png https://assets.ccbp.in/frontend/react-js/congrats-card-watch-img.png Colors
Hex: #0f172a Hex: #cffafe Hex: #1e293b Font-families Roboto Things to Keep in Mind Do not remove the pre-filled code Want to quickly review some of the concepts you’ve been learning? Take a look at the Cheat Sheets.