Domino05/codebyte-buddy-learn-to-code-with-bytey

1```json2{3  "name": "codebyte-buddy",4  "version": "0.1.0",5  "private": true,6  "dependencies": {7    "@types/node": "^20.11.0",8    "@types/react": "^18.2.0",9    "@types/react-dom": "^18.2.0",10    "framer-motion": "^10.16.4",11    "lucide-react": "^0.294.0",12    "react": "^18.2.0",13    "react-dom": "^18.2.0",14    "react-router-dom": "^6.18.0",15    "react-scripts": "5.0.1",16    "typescript": "^5.2.2",17    "tailwindcss": "^3.3.0",18    "postcss": "^8.4.0",19    "autoprefixer": "^10.4.0"20  },21  "scripts": {22    "start": "react-scripts start",23    "build": "react-scripts build",24    "test": "react-scripts test",25    "eject": "react-scripts eject"26  },27  "eslintConfig": {28    "extends": [29      "react-app",30      "react-app/jest"31    ]32  },33  "browserslist": {34    "production": [35      ">0.2%",36      "not dead",37      "not op_mini all"38    ],39    "development": [40      "last 1 chrome version",41      "last 1 firefox version",42      "last 1 safari version"43    ]44  }45}46```47 48To complete the setup:49 501. Run `npm install` to install all dependencies512. Run `npm start` to start the development server52 53This implementation includes:54- A responsive layout with sidebar navigation55- Interactive level map with animated nodes56- Bytey the mascot with random messages57- Dark/light mode toggle58- XP tracking system59- Daily goal progress60- All the requested components with TypeScript typing61- Framer Motion animations throughout62- Tailwind CSS styling with custom configuration63- React Router for navigation64 65The app follows Duolingo's design patterns while adapting them for a programming learning experience.