This project is a user profile page built using React. It includes features such as displaying user information, badges, points history, and more. Additionally, it incorporates a modal for displaying badge achievements and a celebration animation using react-confetti when a badge is unlocked. Built in 5 hours.
- View user's profile details including name and avatar.
- Display user's points and level.
- Show user's rank.
- View user's badges.
- See user's point history.
- modal for displaying badge achievements and a celebration animation using react-confetti when a badge is unlocked.
- react - ^18.2.0
- react-confetti - ^6.1.0
- react-dom - ^18.2.0
- react-icons - ^5.0.1
- @types/react - ^18.2.55
- @types/react-dom - ^18.2.19
- @vitejs/plugin-react - ^4.2.1
- eslint - ^8.56.0
- eslint-plugin-react - ^7.33.2
- eslint-plugin-react-hooks - ^4.6.0
- eslint-plugin-react-refresh - ^0.4.5
- vite - ^5.1.0
- Node.js installed on your local machine
- Clone the repository.
- Install dependencies using
npm install
. - Start the development server using
npm run dev
. - Open your browser and navigate to the provided URL to view the application.