diff --git a/assets/explore/drawing_board.svg b/assets/explore/drawing_board.svg new file mode 100644 index 0000000..d0a52e9 --- /dev/null +++ b/assets/explore/drawing_board.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/images/flowers/daisy.svg b/assets/images/flowers/daisy.svg index 6103b4d..a6f8d04 100644 --- a/assets/images/flowers/daisy.svg +++ b/assets/images/flowers/daisy.svg @@ -1 +1,56 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/dandelion.svg b/assets/images/flowers/dandelion.svg new file mode 100644 index 0000000..992111d --- /dev/null +++ b/assets/images/flowers/dandelion.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/flower-icon.svg b/assets/images/flowers/flower-icon.svg index 16574cc..c8790b0 100644 --- a/assets/images/flowers/flower-icon.svg +++ b/assets/images/flowers/flower-icon.svg @@ -1,23 +1,23 @@ - - - - - - - - - - + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/hibiscus.svg b/assets/images/flowers/hibiscus.svg index 374b693..e10ddf0 100644 --- a/assets/images/flowers/hibiscus.svg +++ b/assets/images/flowers/hibiscus.svg @@ -1 +1,10 @@ - \ No newline at end of file + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/jasmine.svg b/assets/images/flowers/jasmine.svg new file mode 100644 index 0000000..fb78e3f --- /dev/null +++ b/assets/images/flowers/jasmine.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/lavender.svg b/assets/images/flowers/lavender.svg index 5b8b037..1ec5e80 100644 --- a/assets/images/flowers/lavender.svg +++ b/assets/images/flowers/lavender.svg @@ -1,3322 +1,10 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/lily.svg b/assets/images/flowers/lily.svg index faa1785..9bce177 100644 --- a/assets/images/flowers/lily.svg +++ b/assets/images/flowers/lily.svg @@ -1 +1,54 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/lotus.svg b/assets/images/flowers/lotus.svg new file mode 100644 index 0000000..b0cc6be --- /dev/null +++ b/assets/images/flowers/lotus.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/marigold.svg b/assets/images/flowers/marigold.svg index ad4fa2c..0c1cc01 100644 --- a/assets/images/flowers/marigold.svg +++ b/assets/images/flowers/marigold.svg @@ -1 +1,11 @@ - \ No newline at end of file + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/rose.svg b/assets/images/flowers/rose.svg index 55172e3..2ea1228 100644 --- a/assets/images/flowers/rose.svg +++ b/assets/images/flowers/rose.svg @@ -1 +1,11 @@ - \ No newline at end of file + + + + + + + + + + + \ No newline at end of file diff --git a/assets/images/flowers/sunflower.svg b/assets/images/flowers/sunflower.svg index b178b76..e4f44ea 100644 --- a/assets/images/flowers/sunflower.svg +++ b/assets/images/flowers/sunflower.svg @@ -1 +1,2 @@ - \ No newline at end of file + + \ No newline at end of file diff --git a/assets/images/flowers/tulip.svg b/assets/images/flowers/tulip.svg index f754c50..6d910c1 100644 --- a/assets/images/flowers/tulip.svg +++ b/assets/images/flowers/tulip.svg @@ -1 +1,10 @@ - \ No newline at end of file + + + + + + + + + + \ No newline at end of file diff --git a/lib/landing_page.dart b/lib/landing_page.dart index 2ce3fec..75efec7 100644 --- a/lib/landing_page.dart +++ b/lib/landing_page.dart @@ -90,7 +90,7 @@ class _LandingPageState extends State { onPressed: () { Navigator.popAndPushNamed( context, - AllRoutesConstant.mainhome, + AllRoutesConstant.mainhomeRoute, ); }, child: Text( diff --git a/lib/main.dart b/lib/main.dart index f3b3b3c..d7f3bd0 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -26,4 +26,4 @@ class MyApp extends StatelessWidget { onGenerateRoute: Routers.generateRoute, ); } -} +} \ No newline at end of file diff --git a/lib/pages/explore.dart b/lib/pages/explore.dart index 42cdf60..2fb78ea 100644 --- a/lib/pages/explore.dart +++ b/lib/pages/explore.dart @@ -1,6 +1,8 @@ import 'dart:ui'; import 'package:flutter/material.dart'; +import 'package:flutter_svg/flutter_svg.dart'; import 'package:learn/utils/constants.dart'; +import 'package:learn/utils/route/route_constant.dart'; import '../utils/const_dimensions.dart'; @@ -12,141 +14,182 @@ class ExplorePage extends StatelessWidget { Widget build(BuildContext context) { return SafeArea( child: CustomScrollView( - slivers: [ - SliverAppBar( - title: Padding( - padding: const EdgeInsets.fromLTRB(0, 12, 16, 4), - child: Text( - "Explore", - style: Theme.of(context) - .textTheme - .headlineLarge! - .copyWith(fontWeight: FontWeight.bold, fontSize: 30.0), - ), - ), - ), - SliverList( - delegate: SliverChildBuilderDelegate( - (context, index) { - return GestureDetector( - onTap: () => Navigator.push( - context, - AppConstants.modules[index].route, + slivers: [ + SliverAppBar( + title: Padding( + padding: const EdgeInsets.fromLTRB(0, 12, 16, 4), + child: Text( + "Explore", + style: Theme.of(context) + .textTheme + .headlineLarge! + .copyWith(fontWeight: FontWeight.bold, fontSize: 30.0), ), - child: Container( - margin: const EdgeInsets.symmetric( - horizontal: 24, vertical: 12), - height: ConstantDimensions.heightExtraLarge * 4, - decoration: BoxDecoration( - borderRadius: BorderRadius.circular(16), - boxShadow: [ - BoxShadow( - color: Colors.black.withOpacity(0.2), - spreadRadius: 2, - blurRadius: 5, - offset: const Offset(0, 3), - ), - ], + ), + ), + SliverList( + delegate: SliverChildBuilderDelegate( + (context, index) { + return GestureDetector( + onTap: () => Navigator.push( + context, + AppConstants.modules[index].route, ), - child: ClipRRect( - borderRadius: BorderRadius.circular(16), - child: Stack( - fit: StackFit.expand, - alignment: Alignment.center, - children: [ - ImageFiltered( - imageFilter: ImageFilter.blur(sigmaX: 5, sigmaY: 5), - child: Image.asset( - AppConstants.modules[index].thumbnailPath, - fit: BoxFit.cover, + child: Container( + margin: const EdgeInsets.symmetric( + horizontal: 24, vertical: 12), + height: ConstantDimensions.heightExtraLarge * 4, + decoration: BoxDecoration( + borderRadius: BorderRadius.circular(16), + boxShadow: [ + BoxShadow( + color: Colors.black.withOpacity(0.2), + spreadRadius: 2, + blurRadius: 5, + offset: const Offset(0, 3), ), - ), - Positioned.fill( - child: Align( - child: Column( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Text( - AppConstants.modules[index].name, - style: Theme.of(context) - .textTheme - .headlineMedium! - .copyWith( - color: Colors.white, - fontWeight: FontWeight.bold, - shadows: [ - const Shadow( - color: Colors.black, - offset: Offset(2, 1), - blurRadius: 4, + ], + ), + child: ClipRRect( + borderRadius: BorderRadius.circular(16), + child: Stack( + fit: StackFit.expand, + alignment: Alignment.center, + children: [ + ImageFiltered( + imageFilter: ImageFilter.blur(sigmaX: 5, sigmaY: 5), + child: Image.asset( + AppConstants.modules[index].thumbnailPath, + fit: BoxFit.cover, + ), + ), + Positioned.fill( + child: Align( + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Text( + AppConstants.modules[index].name, + style: Theme.of(context) + .textTheme + .headlineMedium! + .copyWith( + color: Colors.white, + fontWeight: FontWeight.bold, + shadows: [ + const Shadow( + color: Colors.black, + offset: Offset(2, 1), + blurRadius: 4, + ), + ], ), - ], - ), - ), - Text( - AppConstants.modules[index].description, - style: Theme.of(context) - .textTheme - .bodyMedium! - .copyWith( - color: Colors.white, - fontWeight: FontWeight.bold, - shadows: [ - const Shadow( - color: Colors.black, - offset: Offset(2, 1), - blurRadius: 2, + ), + Text( + AppConstants.modules[index].description, + style: Theme.of(context) + .textTheme + .bodyMedium! + .copyWith( + color: Colors.white, + fontWeight: FontWeight.bold, + shadows: [ + const Shadow( + color: Colors.black, + offset: Offset(2, 1), + blurRadius: 2, + ), + ], ), - ], - ), + ), + ], ), - ], + ), ), - ), + ], ), - ], + ), + ), + ); + }, + childCount: AppConstants.modules.length, + ), + ), + + GestureDetector( + onTap: () { + Navigator.pushNamed( + context, + AllRoutesConstant.drawingboardRoute, + ); + }, + child: Container( + margin: const EdgeInsets.all(5.0), + padding: const EdgeInsets.all(8.0), + decoration: BoxDecoration( + border: Border.all(color: Colors.black, width: 1.0), + borderRadius: BorderRadius.circular(8.0), + color: Colors.greenAccent, + ), + child: Row( + children: [ + SizedBox( + width: 50, + height: 50, + child: SvgPicture.asset( + 'assets/explore/drawing_board.svg', + ), + ), + const SizedBox(width: 28.0), + const Text( + 'Drawing Board', + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 30.0, + fontFamily: 'Comic', + color: Colors.white, ), - )), - ); - }, - childCount: AppConstants.modules.length, - ), + ), + ], + ), + ), + ), + ], ), - - // GestureDetector( - // onTap: () { - // Navigator.pushNamed(context, '/quiz'); - // }, - // child: Container( - // margin: const EdgeInsets.all(5.0), - // padding: const EdgeInsets.all(8.0), - // decoration: BoxDecoration( - // border: Border.all(color: Colors.black, width: 1.0), - // borderRadius: BorderRadius.circular(8.0), - // color: Colors.blueAccent, - // ), - // child: Row( - // children: [ - // SizedBox( - // width: 50, - // height: 50, - // child: SvgPicture.asset('assets/explore/notebook.svg'), - // ), - // const SizedBox(width: 28.0), - // const Text( - // 'Quiz', - // style: TextStyle( - // fontWeight: FontWeight.bold, - // fontSize: 30.0, - // fontFamily: 'Comic', - // color: Colors.white, - // ), - // ), - // ], - // ), - // ), - // ), - ], - )); + ); } } + + // GestureDetector( + // onTap: () { + // Navigator.pushNamed(context, '/quiz'); + // }, + // child: Container( + // margin: const EdgeInsets.all(5.0), + // padding: const EdgeInsets.all(8.0), + // decoration: BoxDecoration( + // border: Border.all(color: Colors.black, width: 1.0), + // borderRadius: BorderRadius.circular(8.0), + // color: Colors.blueAccent, + // ), + // child: Row( + // children: [ + // SizedBox( + // width: 50, + // height: 50, + // child: SvgPicture.asset('assets/explore/notebook.svg'), + // ), + // const SizedBox(width: 28.0), + // const Text( + // 'Quiz', + // style: TextStyle( + // fontWeight: FontWeight.bold, + // fontSize: 30.0, + // fontFamily: 'Comic', + // color: Colors.white, + // ), + // ), + // ], + // ), + // ), + // ), diff --git a/lib/pages/explore/drawingboard.dart b/lib/pages/explore/drawingboard.dart new file mode 100644 index 0000000..b3c33de --- /dev/null +++ b/lib/pages/explore/drawingboard.dart @@ -0,0 +1,214 @@ +import 'dart:ui'; +import 'package:flutter/material.dart'; +import 'package:font_awesome_flutter/font_awesome_flutter.dart'; + +class DrawingBoardPage extends StatelessWidget { + const DrawingBoardPage({Key? key}); + + @override + Widget build(BuildContext context) { + return DrawingBoard(); + } +} + +class DrawingBoard extends StatefulWidget { + const DrawingBoard({Key? key}) : super(key: key); + + @override + _DrawingBoardState createState() => _DrawingBoardState(); +} + +class _DrawingBoardState extends State { + Color selectedColor = Colors.black; + double strokeWidth = 5; + bool isEraser = false; + List drawingPoints = []; + List colors = [ + Colors.pink, + Colors.red, + Colors.blue, + Colors.orange, + Colors.yellow, + Colors.purple, + Colors.green, + Colors.black, + ]; + + @override + Widget build(BuildContext context) { + return Scaffold( + appBar: AppBar( + title: Text("Drawing Board"), + actions: [ + TextButton.icon( + onPressed: () => setState(() => drawingPoints = []), + icon: Icon(Icons.clear), + label: Text("Clear Board"), + style: TextButton.styleFrom( + backgroundColor: Color(0xfff7f2fa), + ), + ), + SizedBox( + width: 10, + ), + ], + ), + + body: Stack( + children: [ + GestureDetector( + onPanStart: (details) { + setState(() { + drawingPoints.add( + DrawingPoint( + details.localPosition, + Paint() + ..color = isEraser? Color(0xfffef7ff) : selectedColor + ..isAntiAlias = true + ..strokeWidth = strokeWidth + ..strokeCap = StrokeCap.round, + ), + ); + }); + }, + + onPanUpdate: (details) { + setState(() { + drawingPoints.add( + DrawingPoint( + details.localPosition, + Paint() + ..color = isEraser? Color(0xfffef7ff) : selectedColor + ..isAntiAlias = true + ..strokeWidth = strokeWidth + ..strokeCap = StrokeCap.round, + ), + ); + }); + }, + + onPanEnd: (details) { + setState(() { + drawingPoints.add(null); + }); + }, + + child: CustomPaint( + painter: _DrawingPainter(drawingPoints), + child: Container( + height: MediaQuery.of(context).size.height, + width: MediaQuery.of(context).size.width, + ), + ), + ), + + Positioned( + top: 20, + right: 10, + left: 10, + child: Row( + children: [ + Slider( + min: 0, + max: 40, + value: strokeWidth, + onChanged: (val) => setState(() => strokeWidth = val), + ), + SizedBox( + width: 50 + ), + ElevatedButton.icon( + onPressed: () { + setState(() { + isEraser =!isEraser; + if (isEraser) { + selectedColor = Color(0xfffef7ff); + } + }); + }, + icon: Icon(FontAwesomeIcons.eraser), + label: Text("Eraser"), + ), + ], + ), + ), + ], + ), + + bottomNavigationBar: BottomAppBar( + child: Container( + color: Colors.grey[200], + padding: EdgeInsets.all(10), + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceEvenly, + children: List.generate( + colors.length, + (index) => _buildColorChoser(colors[index]), + ), + ), + ), + ), + ); + } + + GestureDetector _buildColorChoser(Color color) { + bool isSelected = selectedColor == color; + return GestureDetector( + onTap: () { + setState(() { + selectedColor = color; + isEraser = false; + }); + }, + child: Container( + height: isSelected ? 47 : 40, + width: isSelected ? 47 : 40, + decoration: BoxDecoration( + color: color, + shape: BoxShape.circle, + border: isSelected + ? Border.all( + color: Colors.white, + width: 3, + ) + : null, + ), + ), + ); + } +} + +class _DrawingPainter extends CustomPainter { + final List drawingPoints; + + _DrawingPainter(this.drawingPoints); + + @override + void paint(Canvas canvas, Size size) { + for (int i = 0; i < drawingPoints.length - 1; i++) { + if (drawingPoints[i] != null && drawingPoints[i + 1] != null) { + canvas.drawLine( + drawingPoints[i]!.offset, + drawingPoints[i + 1]!.offset, + drawingPoints[i]!.paint, + ); + } else if (drawingPoints[i] != null && drawingPoints[i + 1] == null) { + canvas.drawPoints( + PointMode.points, + [drawingPoints[i]!.offset], + drawingPoints[i]!.paint, + ); + } + } + } + + @override + bool shouldRepaint(covariant CustomPainter oldDelegate) => true; +} + +class DrawingPoint { + Offset offset; + Paint paint; + + DrawingPoint(this.offset, this.paint); +} diff --git a/lib/pages/explore/explore.dart b/lib/pages/explore/explore.dart index f8b868b..a2fbfdc 100644 --- a/lib/pages/explore/explore.dart +++ b/lib/pages/explore/explore.dart @@ -3,6 +3,7 @@ import 'dart:ui'; import 'package:flutter/material.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:learn/utils/constants.dart'; +import 'package:learn/utils/route/route_constant.dart'; import '../../utils/const_dimensions.dart'; @@ -48,7 +49,7 @@ class ExplorePage extends StatelessWidget { width: ConstantDimensions.widthExtraLarge, height: ConstantDimensions.heightExtraLarge, child: - SvgPicture.asset('assets/explore/notebook.svg'), + SvgPicture.asset('assets/explore/notebook.svg'), ), const SizedBox(width: ConstantDimensions.widthMedium_Large), const Text( @@ -64,12 +65,45 @@ class ExplorePage extends StatelessWidget { ), ), ), + GestureDetector( + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.drawingboardRoute); + }, + child: Container( + margin: const EdgeInsets.all(5.0), + padding: const EdgeInsets.all(8.0), + decoration: BoxDecoration( + border: Border.all(color: Colors.black, width: 1.0), + borderRadius: BorderRadius.circular(8.0), + color: Colors.greenAccent, + ), + child: Row( + children: [ + SizedBox( + width: ConstantDimensions.widthExtraLarge, + height: ConstantDimensions.heightExtraLarge, + child: SvgPicture.asset('assets/explore/drawing_board.svg'), + ), + const SizedBox(width: ConstantDimensions.widthMedium_Large), + const Text( + 'Drawing Board', + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 30.0, + fontFamily: 'Comic', + color: Colors.white, + ), + ), + ], + ), + ), + ), ], ), ), SliverList( delegate: SliverChildBuilderDelegate( - (context, index) { + (context, index) { return GestureDetector( onTap: () => Navigator.push( context, @@ -98,7 +132,7 @@ class ExplorePage extends StatelessWidget { children: [ ImageFiltered( imageFilter: - ImageFilter.blur(sigmaX: 5, sigmaY: 5), + ImageFilter.blur(sigmaX: 5, sigmaY: 5), child: Image.asset( AppConstants.modules[index].thumbnailPath, fit: BoxFit.cover, @@ -159,4 +193,4 @@ class ExplorePage extends StatelessWidget { ), ); } -} +} \ No newline at end of file diff --git a/lib/pages/modules/flowers.dart b/lib/pages/modules/flowers.dart index f5f51a7..db1ae9a 100644 --- a/lib/pages/modules/flowers.dart +++ b/lib/pages/modules/flowers.dart @@ -1,179 +1,183 @@ -import 'package:flutter/material.dart'; -import 'package:flutter_svg/flutter_svg.dart'; -import 'package:flutter_tts/flutter_tts.dart'; -import 'package:learn/models/flower_model.dart'; -import 'package:learn/utils/assets_path.dart'; - -// import '../../utils/const_dimensions.dart'; - -class FlowerPage extends StatefulWidget { - const FlowerPage({super.key}); - - @override - State createState() => _FlowerPageState(); -} - -class _FlowerPageState extends State { - final List flowers = [ - Flower( - name: "Rose", - resource: AssetsPath.getFlowerImage(Flowers.rose), - background: Colors.redAccent), - Flower( - name: "Sunflower", - resource: AssetsPath.getFlowerImage(Flowers.sunflower), - background: Colors.yellowAccent), - Flower( - name: "Lily", - resource: AssetsPath.getFlowerImage(Flowers.lily), - background: Colors.greenAccent), - Flower( - name: "Marigold", - resource: AssetsPath.getFlowerImage(Flowers.marigold), - background: Colors.yellow), - Flower( - name: "Carnation", - resource: AssetsPath.getFlowerImage(Flowers.carnation), - background: Colors.redAccent), - Flower( - name: "Daffodil", - resource: AssetsPath.getFlowerImage(Flowers.daffodil), - background: Colors.purpleAccent), - Flower( - name: "Daisy", - resource: AssetsPath.getFlowerImage(Flowers.daisy), - background: Colors.green), - Flower( - name: "Poppy", - resource: AssetsPath.getFlowerImage(Flowers.poppy), - background: Colors.redAccent), - Flower( - name: "Tulip", - resource: AssetsPath.getFlowerImage(Flowers.tulip), - background: Colors.pink), - Flower( - name: "Lavender", - resource: AssetsPath.getFlowerImage(Flowers.lavender), - background: Colors.purple), - Flower( - name: "Hibiscus", - resource: AssetsPath.getFlowerImage(Flowers.hibiscus), - background: Colors.red), - ]; - - final FlutterTts flutterTts = FlutterTts(); - int currentIndex = 0; - - void _navigateToNextFlower() { - setState(() { - currentIndex = (currentIndex + 1) % flowers.length; - }); - } - - void _navigateToPreviousFlower() { - setState(() { - currentIndex = (currentIndex - 1 + flowers.length) % flowers.length; - }); - } - - Future readName(String name) async { - await flutterTts.setVolume(1.0); - await flutterTts.setLanguage("EN-IN"); - await flutterTts.setPitch(1.0); - await flutterTts.speak(name); - } - - @override - Widget build(BuildContext context) { - Flower flower = flowers[currentIndex]; - return Scaffold( - appBar: AppBar( - title: const Text( - 'Flowers', - style: TextStyle( - fontWeight: FontWeight.bold, - fontSize: 30, - ), - ), - ), - backgroundColor: flower.background, - body: SingleChildScrollView( - child: Center( - child: Container( - padding: const EdgeInsets.all(20), - constraints: const BoxConstraints(maxWidth: 400, maxHeight: 700), - decoration: BoxDecoration( - color: Colors.white.withOpacity(0.7), - borderRadius: BorderRadius.circular(7.0), - boxShadow: [ - BoxShadow( - color: Colors.white.withOpacity(0.2), - spreadRadius: 2, - blurRadius: 5, - offset: const Offset(0, 3), - ), - ], - ), - child: Column( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - GestureDetector( - onTap: _navigateToNextFlower, - child: SizedBox( - width: double.infinity, - height: 300, - child: SvgPicture.asset( - flower.resource, - fit: BoxFit.contain, - ), - ), - ), - const SizedBox(height: 20), - Text( - flower.name, - style: const TextStyle( - fontWeight: FontWeight.bold, - fontSize: 60, - fontFamily: 'Comic', - ), - ), - const SizedBox(height: 20), - Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - IconButton( - onPressed: _navigateToPreviousFlower, - icon: const Icon( - Icons.arrow_back, - size: 30, - ), - ), - const SizedBox(width: 20), - IconButton.outlined( - highlightColor: Colors.amber, - onPressed: () { - readName(flower.name); - }, - icon: const Icon( - Icons.volume_up_outlined, - size: 40, - ), - ), - const SizedBox(width: 20), - IconButton( - onPressed: _navigateToNextFlower, - icon: const Icon( - Icons.arrow_forward, - size: 30, - ), - ) - ], - ), - ], - ), - ), - ), - ), - ); - } -} +import 'package:flutter/material.dart'; +import 'package:flutter_svg/flutter_svg.dart'; +import 'package:flutter_tts/flutter_tts.dart'; +import 'package:learn/models/flower_model.dart'; +import 'package:learn/utils/assets_path.dart'; + +// import '../../utils/const_dimensions.dart'; + +class FlowerPage extends StatefulWidget { + const FlowerPage({super.key}); + + @override + State createState() => _FlowerPageState(); +} + +class _FlowerPageState extends State { + final List flowers = [ + Flower( + name: "Rose", + resource: AssetsPath.getFlowerImage(Flowers.rose), + background: Colors.red.shade600), + Flower( + name: "Sunflower", + resource: AssetsPath.getFlowerImage(Flowers.sunflower), + background: Colors.yellow.shade700), + Flower( + name: "Lily", + resource: AssetsPath.getFlowerImage(Flowers.lily), + background: Colors.green.shade300), + Flower( + name: "Marigold", + resource: AssetsPath.getFlowerImage(Flowers.marigold), + background: Colors.orange.shade600), + Flower( + name: "Dandelion", + resource: AssetsPath.getFlowerImage(Flowers.dandelion), + background: Colors.green.shade600), + Flower( + name: "Lotus", + resource: AssetsPath.getFlowerImage(Flowers.lotus), + background: Colors.pink.shade300), + Flower( + name: "Daisy", + resource: AssetsPath.getFlowerImage(Flowers.daisy), + background: Colors.brown.shade400), + Flower( + name: "Jasmine", + resource: AssetsPath.getFlowerImage(Flowers.jasmine), + background: Colors.green.shade600), + Flower( + name: "Tulip", + resource: AssetsPath.getFlowerImage(Flowers.tulip), + background: Colors.pink.shade400), + Flower( + name: "Lavender", + resource: AssetsPath.getFlowerImage(Flowers.lavender), + background: Colors.purple.shade600), + Flower( + name: "Hibiscus", + resource: AssetsPath.getFlowerImage(Flowers.hibiscus), + background: Colors.pink.shade400), + ]; + + final FlutterTts flutterTts = FlutterTts(); + int currentIndex = 0; + + void _navigateToNextFlower() { + setState(() { + currentIndex = (currentIndex + 1) % flowers.length; + }); + } + + void _navigateToPreviousFlower() { + setState(() { + currentIndex = (currentIndex - 1 + flowers.length) % flowers.length; + }); + } + + Future readName(String name) async { + await flutterTts.setVolume(1.0); + await flutterTts.setLanguage("EN-IN"); + await flutterTts.setPitch(1.0); + await flutterTts.speak(name); + } + + @override + Widget build(BuildContext context) { + Flower flower = flowers[currentIndex]; + return Scaffold( + appBar: AppBar( + title: const Text( + 'Flowers', + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 30, + ), + ), + ), + backgroundColor: flower.background, + + body: Center( + child: SingleChildScrollView( + child: Center( + child: Container( + padding: const EdgeInsets.all(20), + constraints: const BoxConstraints(maxWidth: 400, maxHeight: 700), + decoration: BoxDecoration( + color: Colors.white.withOpacity(0.7), + borderRadius: BorderRadius.circular(7.0), + boxShadow: [ + BoxShadow( + color: Colors.white.withOpacity(0.2), + spreadRadius: 2, + blurRadius: 5, + offset: const Offset(0, 3), + ), + ], + ), + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + GestureDetector( + onTap: _navigateToNextFlower, + child: Container( + width: double.infinity, + height: 300, + child: SvgPicture.asset( + flower.resource, + fit: BoxFit.contain, + ), + ), + ), + const SizedBox(height: 20), + Text( + flower.name, + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 60, + fontFamily: 'Comic', + color: flower.background, + ), + ), + const SizedBox(height: 20), + Row( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + IconButton( + onPressed: _navigateToPreviousFlower, + icon: const Icon( + Icons.arrow_back, + size: 30, + ), + ), + const SizedBox(width: 20), + IconButton.outlined( + highlightColor: Colors.amber, + onPressed: () { + readName(flower.name); + }, + icon: const Icon( + Icons.volume_up_outlined, + size: 40, + ), + ), + const SizedBox(width: 20), + IconButton( + onPressed: _navigateToNextFlower, + icon: const Icon( + Icons.arrow_forward, + size: 30, + ), + ) + ], + ), + ], + ), + ), + ), + ), + ), + ); + } +} diff --git a/lib/utils/assets_path.dart b/lib/utils/assets_path.dart index 5b1260f..0cebf9c 100644 --- a/lib/utils/assets_path.dart +++ b/lib/utils/assets_path.dart @@ -1,273 +1,271 @@ -class AssetsPath { - //Image assets - static const String _images = 'assets/images/'; - static const String _flowerImages = 'assets/images/flowers/'; - static const String _alphabetImages = 'assets/images/alphabet/'; - static const String _animalImages = 'assets/images/animal/'; - static const String _birdImages = 'assets/images/birds/'; - static const String _bodyImages = 'assets/images/body/'; - static const String _solarImages = 'assets/images/solar/'; - static const String _coloursImages = 'assets/colours/'; - - //Sound assets - static const String _sounds = 'assets/sounds/'; - static const String _animalSound = 'assets/sounds/animals/'; - static const String _birdSound = 'assets/sounds/birds/'; - - - //Image assets - - static String getImage(String name) { - return _images + name; - } - - static String getAlphabetImage(String name) { - return _alphabetImages + name; - } - - static String getAnimalImage(String name) { - return _animalImages + name; - } - - static String getBirdImage(String name) { - return _birdImages + name; - } - - static String getBodyImage(String name) { - return _bodyImages + name; - } - - static String getSolarImage(String name) { - return _solarImages + name; - } - - static String getColoursImage(String name) { - return _coloursImages + name; - } - - - static String getFlowerImage(String name) { - return _flowerImages + name; - } - - - //Sound assets - - static String getSound(String name) { - return _sounds + name; - } - - static String getAnimalSound(String name) { - return _animalSound + name; - } - - static String getBirdSound(String name) { - return _birdSound + name; - } - -} - -class Alphabets{ - static const String alphabets = 'alphabets.jpg'; - static const String apple = 'apple.svg'; - static const String ball = 'ball.svg'; - static const String cat = 'cat.svg'; - static const String dog = 'dog.svg'; - static const String elephant = 'elephant.svg'; - static const String fish = 'fish.svg'; - static const String grapes = 'grapes.svg'; - static const String horse = 'horse.svg'; - static const String icecream = 'icecream.svg'; - static const String joker = 'joker.svg'; - static const String king = 'king.svg'; - static const String lion = 'lion.svg'; - static const String money = 'money.svg'; - static const String nest = 'nest.svg'; - static const String orange = 'orange.svg'; - static const String parrot = 'parrot.svg'; - static const String queen = 'queen.svg'; - static const String rabbit = 'rabbit.svg'; - static const String shiva = 'shiva.svg'; - static const String table = 'table.svg'; - static const String umbrella = 'umbrella.svg'; - static const String van = 'van.svg'; - static const String window = 'window.svg'; - static const String xerox = 'xerox.svg'; - static const String yellow = 'yellow.svg'; - static const String zero = 'zero.svg'; -} - -class Animals{ - static const String animals = 'animals.jpg'; - static const String bear = 'bear.svg'; - static const String cat = 'cat.svg'; - static const String cow = 'cow.svg'; - static const String deer = 'deer.svg'; - static const String dog = 'dog.svg'; - static const String elephant = 'elephant.svg'; - static const String fox = 'fox.svg'; - static const String giraffe = 'giraffe.svg'; - static const String goat = 'goat.svg'; - static const String horse = 'horse.svg'; - static const String kangaroo = 'kangaroo.svg'; - static const String lion = 'lion.svg'; - static const String monkey = 'monkey.svg'; - static const String pig = 'pig.svg'; - static const String rabbit = 'rabbit.svg'; - static const String sheep = 'sheep.svg'; - static const String snake = 'snake.svg'; - static const String squirrel = 'squirrel.svg'; - static const String tiger = 'tiger.svg'; - static const String zebra = 'zebra.svg'; - - //sound - static const String bearSound = 'bear_sound.mp3'; - static const String catSound = 'cat_sound.wav'; - static const String cowSound = 'cow_sound.mp3'; - static const String deerSound = 'deer_sound.mp3'; - static const String dogSound = 'dog_sound.mp3'; - static const String elephantSound = 'elephant_sound.mp3'; - static const String foxSound = 'fox_sound.mp3'; - static const String giraffeSound = 'giraffe_sound.mp3'; - static const String goatSound = 'goat_sound.mp3'; - static const String horseSound = 'horse_sound.mp3'; - static const String kangarooSound = 'kangaroo_sound.mp3'; - static const String lionSound = 'lion_sound.mp3'; - static const String monkeySound = 'monkey_sound.mp3'; - static const String pigSound = 'pig_sound.mp3'; - static const String rabbitSound = 'rabbit_sound.mp3'; - static const String sheepSound = 'sheep_sound.mp3'; - static const String snakeSound = 'snake_sound.mp3'; - static const String squirrelSound = 'squirrel_sound.mp3'; - static const String tigerSound = 'tiger_sound.mp3'; - static const String zebraSound = 'zebra_sound.mp3'; - -} - -class Birds{ - static const String birds = 'birds.jpg'; - static const String bagula = 'Bagula.svg'; - static const String baya = 'Baya.svg'; - static const String bulbul = 'Bulbul.svg'; - static const String crow = 'Crow.svg'; - static const String duck = 'Duck.svg'; - static const String eagle = 'Eagle.svg'; - static const String goose = 'Goose.svg'; - static const String hen = 'Hen.svg'; - static const String hummingbird = 'Hummingbird.svg'; - static const String kingfisher = 'Kingfisher.svg'; - static const String koel = 'Koel.svg'; - static const String maina = 'Maina.svg'; - static const String ostrich = 'Ostrich.svg'; - static const String owl = 'Owl.svg'; - static const String parrot = 'Parrot.svg'; - static const String pigeon = 'Pigeon.svg'; - static const String robin = 'Robin.svg'; - static const String seagull = 'Seagull.svg'; - static const String sparrow = 'Sparrow.svg'; - static const String swan = 'Swan.svg'; - static const String vulture = 'Vulture.svg'; - static const String woodpecker = 'Woodpecker.svg'; - - //sound - - static const String bagulaSound = 'Bagula.mp3'; - static const String bayaSound = 'Baya.mp3'; - static const String bulbulSound = 'Bulbul.mp3'; - static const String crowSound = 'Crow.mp3'; - static const String duckSound = 'Duck.mp3'; - static const String eagleSound = 'Eagle.mp3'; - static const String gooseSound = 'Goose.mp3'; - static const String henSound = 'Hen.mp3'; - static const String hummingbirdSound = 'Hummingbird.mp3'; - static const String kingfisherSound = 'Kingfisher.mp3'; - static const String koelSound = 'Koel.mp3'; - static const String mainaSound = 'Maina.mp3'; - static const String ostrichSound = 'Ostrich.mp3'; - static const String owlSound = 'Owl.mp3'; - static const String parrotSound = 'Parrot.mp3'; - static const String pigeonSound = 'Pigeon.mp3'; - static const String robinSound = 'Robin.mp3'; - static const String seagullSound = 'Seagull.mp3'; - static const String sparrowSound = 'Sparrow.mp3'; - static const String swanSound = 'Swan.mp3'; - static const String vultureSound = 'Vulture.mp3'; - static const String woodpeckerSound = 'Woodpecker.mp3'; -} - -class Body { - static const String body = 'body.jpg'; - static const String ankle = 'Ankle.svg'; - static const String arm = 'Arm.svg'; - static const String back = 'Back.svg'; - static const String bally = 'Belly.svg'; - static const String cheek = 'Cheek.svg'; - static const String chest = 'Chest.svg'; - static const String chin = 'Chin.svg'; - static const String ear = 'Ear.svg'; - static const String elbow = 'Elbow.svg'; - static const String eye = 'Eye.svg'; - static const String finger = 'Finger.svg'; - static const String foot = 'Foot.svg'; - static const String hair = 'Hair.svg'; - static const String hips = 'Hips.svg'; - static const String knee = 'Knee.svg'; - static const String leg = 'Leg.svg'; - static const String lips = 'Lips.svg'; - static const String nail = 'Nail.svg'; - static const String neck = 'Neck.svg'; - static const String nose = 'Nose.svg'; - static const String palm = 'Palm.svg'; - static const String shoulder = 'Shoulder.svg'; - static const String stomach = 'Stomach.svg'; - static const String teeth = 'Teeth.svg'; - static const String thigh = 'Thigh.svg'; - static const String thumb = 'Thumb.svg'; - static const String toe = 'Toe.svg'; - static const String tongue = 'Tongue.svg'; - static const String waist = 'Waist.svg'; - static const String wrist = 'Wrist.svg'; -} - -class ColorImages{ - static const String colorsCover = 'colours-cover.png'; - static const String black = 'black.svg'; - static const String blue = 'blue.svg'; - static const String brown = 'brown.svg'; - static const String green = 'green.svg'; - static const String orange = 'orange.svg'; - static const String pink = 'pink.svg'; - static const String red = 'red.svg'; - static const String violet = 'violet.svg'; - static const String white = 'white.svg'; - static const String yellow = 'yellow.svg'; -} - -class Flowers { - static const String flowerBanner = 'flower_banner.jpeg'; - static const String flowerIcon = 'flower-icon.svg'; - static const String carnation = 'carnation.svg'; - static const String daffodil = 'daffodil.svg'; - static const String daisy = 'daisy.svg'; - static const String hibiscus = 'hibiscus.svg'; - static const String lavender = 'lavender.svg'; - static const String lily = 'lily.svg'; - static const String marigold = 'marigold.svg'; - static const String poppy = 'poppy.svg'; - static const String rose = 'rose.svg'; - static const String sunflower = 'sunflower.svg'; - static const String tulip = 'tulip.svg'; - -} - -class SolarSystem { - static const String sun = 'sun.svg'; - static const String earth = 'earth.svg'; - static const String jupiter = 'jupiter.svg'; - static const String mars = 'mars.svg'; - static const String mercury = 'mercury.svg'; - static const String neptune = 'neptune.svg'; - static const String saturn = 'saturn.svg'; - static const String uranus = 'uranus.svg'; - static const String venus = 'venus.svg'; +class AssetsPath { + //Image assets + static const String _images = 'assets/images/'; + static const String _flowerImages = 'assets/images/flowers/'; + static const String _alphabetImages = 'assets/images/alphabet/'; + static const String _animalImages = 'assets/images/animal/'; + static const String _birdImages = 'assets/images/birds/'; + static const String _bodyImages = 'assets/images/body/'; + static const String _solarImages = 'assets/images/solar/'; + static const String _coloursImages = 'assets/colours/'; + + //Sound assets + static const String _sounds = 'assets/sounds/'; + static const String _animalSound = 'assets/sounds/animals/'; + static const String _birdSound = 'assets/sounds/birds/'; + + + //Image assets + + static String getImage(String name) { + return _images + name; + } + + static String getAlphabetImage(String name) { + return _alphabetImages + name; + } + + static String getAnimalImage(String name) { + return _animalImages + name; + } + + static String getBirdImage(String name) { + return _birdImages + name; + } + + static String getBodyImage(String name) { + return _bodyImages + name; + } + + static String getSolarImage(String name) { + return _solarImages + name; + } + + static String getColoursImage(String name) { + return _coloursImages + name; + } + + + static String getFlowerImage(String name) { + return _flowerImages + name; + } + + + //Sound assets + + static String getSound(String name) { + return _sounds + name; + } + + static String getAnimalSound(String name) { + return _animalSound + name; + } + + static String getBirdSound(String name) { + return _birdSound + name; + } + +} + +class Alphabets{ + static const String alphabets = 'alphabets.jpg'; + static const String apple = 'apple.svg'; + static const String ball = 'ball.svg'; + static const String cat = 'cat.svg'; + static const String dog = 'dog.svg'; + static const String elephant = 'elephant.svg'; + static const String fish = 'fish.svg'; + static const String grapes = 'grapes.svg'; + static const String horse = 'horse.svg'; + static const String icecream = 'icecream.svg'; + static const String joker = 'joker.svg'; + static const String king = 'king.svg'; + static const String lion = 'lion.svg'; + static const String money = 'money.svg'; + static const String nest = 'nest.svg'; + static const String orange = 'orange.svg'; + static const String parrot = 'parrot.svg'; + static const String queen = 'queen.svg'; + static const String rabbit = 'rabbit.svg'; + static const String shiva = 'shiva.svg'; + static const String table = 'table.svg'; + static const String umbrella = 'umbrella.svg'; + static const String van = 'van.svg'; + static const String window = 'window.svg'; + static const String xerox = 'xerox.svg'; + static const String yellow = 'yellow.svg'; + static const String zero = 'zero.svg'; +} + +class Animals{ + static const String animals = 'animals.jpg'; + static const String bear = 'bear.svg'; + static const String cat = 'cat.svg'; + static const String cow = 'cow.svg'; + static const String deer = 'deer.svg'; + static const String dog = 'dog.svg'; + static const String elephant = 'elephant.svg'; + static const String fox = 'fox.svg'; + static const String giraffe = 'giraffe.svg'; + static const String goat = 'goat.svg'; + static const String horse = 'horse.svg'; + static const String kangaroo = 'kangaroo.svg'; + static const String lion = 'lion.svg'; + static const String monkey = 'monkey.svg'; + static const String pig = 'pig.svg'; + static const String rabbit = 'rabbit.svg'; + static const String sheep = 'sheep.svg'; + static const String snake = 'snake.svg'; + static const String squirrel = 'squirrel.svg'; + static const String tiger = 'tiger.svg'; + static const String zebra = 'zebra.svg'; + + //sound + static const String bearSound = 'bear_sound.mp3'; + static const String catSound = 'cat_sound.wav'; + static const String cowSound = 'cow_sound.mp3'; + static const String deerSound = 'deer_sound.mp3'; + static const String dogSound = 'dog_sound.mp3'; + static const String elephantSound = 'elephant_sound.mp3'; + static const String foxSound = 'fox_sound.mp3'; + static const String giraffeSound = 'giraffe_sound.mp3'; + static const String goatSound = 'goat_sound.mp3'; + static const String horseSound = 'horse_sound.mp3'; + static const String kangarooSound = 'kangaroo_sound.mp3'; + static const String lionSound = 'lion_sound.mp3'; + static const String monkeySound = 'monkey_sound.mp3'; + static const String pigSound = 'pig_sound.mp3'; + static const String rabbitSound = 'rabbit_sound.mp3'; + static const String sheepSound = 'sheep_sound.mp3'; + static const String snakeSound = 'snake_sound.mp3'; + static const String squirrelSound = 'squirrel_sound.mp3'; + static const String tigerSound = 'tiger_sound.mp3'; + static const String zebraSound = 'zebra_sound.mp3'; + +} + +class Birds{ + static const String birds = 'birds.jpg'; + static const String bagula = 'Bagula.svg'; + static const String baya = 'Baya.svg'; + static const String bulbul = 'Bulbul.svg'; + static const String crow = 'Crow.svg'; + static const String duck = 'Duck.svg'; + static const String eagle = 'Eagle.svg'; + static const String goose = 'Goose.svg'; + static const String hen = 'Hen.svg'; + static const String hummingbird = 'Hummingbird.svg'; + static const String kingfisher = 'Kingfisher.svg'; + static const String koel = 'Koel.svg'; + static const String maina = 'Maina.svg'; + static const String ostrich = 'Ostrich.svg'; + static const String owl = 'Owl.svg'; + static const String parrot = 'Parrot.svg'; + static const String pigeon = 'Pigeon.svg'; + static const String robin = 'Robin.svg'; + static const String seagull = 'Seagull.svg'; + static const String sparrow = 'Sparrow.svg'; + static const String swan = 'Swan.svg'; + static const String vulture = 'Vulture.svg'; + static const String woodpecker = 'Woodpecker.svg'; + + //sound + + static const String bagulaSound = 'Bagula.mp3'; + static const String bayaSound = 'Baya.mp3'; + static const String bulbulSound = 'Bulbul.mp3'; + static const String crowSound = 'Crow.mp3'; + static const String duckSound = 'Duck.mp3'; + static const String eagleSound = 'Eagle.mp3'; + static const String gooseSound = 'Goose.mp3'; + static const String henSound = 'Hen.mp3'; + static const String hummingbirdSound = 'Hummingbird.mp3'; + static const String kingfisherSound = 'Kingfisher.mp3'; + static const String koelSound = 'Koel.mp3'; + static const String mainaSound = 'Maina.mp3'; + static const String ostrichSound = 'Ostrich.mp3'; + static const String owlSound = 'Owl.mp3'; + static const String parrotSound = 'Parrot.mp3'; + static const String pigeonSound = 'Pigeon.mp3'; + static const String robinSound = 'Robin.mp3'; + static const String seagullSound = 'Seagull.mp3'; + static const String sparrowSound = 'Sparrow.mp3'; + static const String swanSound = 'Swan.mp3'; + static const String vultureSound = 'Vulture.mp3'; + static const String woodpeckerSound = 'Woodpecker.mp3'; +} + +class Body { + static const String body = 'body.jpg'; + static const String ankle = 'Ankle.svg'; + static const String arm = 'Arm.svg'; + static const String back = 'Back.svg'; + static const String bally = 'Belly.svg'; + static const String cheek = 'Cheek.svg'; + static const String chest = 'Chest.svg'; + static const String chin = 'Chin.svg'; + static const String ear = 'Ear.svg'; + static const String elbow = 'Elbow.svg'; + static const String eye = 'Eye.svg'; + static const String finger = 'Finger.svg'; + static const String foot = 'Foot.svg'; + static const String hair = 'Hair.svg'; + static const String hips = 'Hips.svg'; + static const String knee = 'Knee.svg'; + static const String leg = 'Leg.svg'; + static const String lips = 'Lips.svg'; + static const String nail = 'Nail.svg'; + static const String neck = 'Neck.svg'; + static const String nose = 'Nose.svg'; + static const String palm = 'Palm.svg'; + static const String shoulder = 'Shoulder.svg'; + static const String stomach = 'Stomach.svg'; + static const String teeth = 'Teeth.svg'; + static const String thigh = 'Thigh.svg'; + static const String thumb = 'Thumb.svg'; + static const String toe = 'Toe.svg'; + static const String tongue = 'Tongue.svg'; + static const String waist = 'Waist.svg'; + static const String wrist = 'Wrist.svg'; +} + +class ColorImages{ + static const String colorsCover = 'colours-cover.png'; + static const String black = 'black.svg'; + static const String blue = 'blue.svg'; + static const String brown = 'brown.svg'; + static const String green = 'green.svg'; + static const String orange = 'orange.svg'; + static const String pink = 'pink.svg'; + static const String red = 'red.svg'; + static const String violet = 'violet.svg'; + static const String white = 'white.svg'; + static const String yellow = 'yellow.svg'; +} + +class Flowers { + static const String flowerBanner = 'flower_banner.jpeg'; + static const String daisy = 'daisy.svg'; + static const String hibiscus = 'hibiscus.svg'; + static const String lavender = 'lavender.svg'; + static const String lily = 'lily.svg'; + static const String marigold = 'marigold.svg'; + static const String rose = 'rose.svg'; + static const String sunflower = 'sunflower.svg'; + static const String tulip = 'tulip.svg'; + static const String dandelion = 'dandelion.svg'; + static const String jasmine = 'jasmine.svg'; + static const String lotus = 'lotus.svg'; +} + +class SolarSystem { + static const String sun = 'sun.svg'; + static const String earth = 'earth.svg'; + static const String jupiter = 'jupiter.svg'; + static const String mars = 'mars.svg'; + static const String mercury = 'mercury.svg'; + static const String neptune = 'neptune.svg'; + static const String saturn = 'saturn.svg'; + static const String uranus = 'uranus.svg'; + static const String venus = 'venus.svg'; } \ No newline at end of file diff --git a/lib/utils/route/route_constant.dart b/lib/utils/route/route_constant.dart index c1700ec..788a35d 100644 --- a/lib/utils/route/route_constant.dart +++ b/lib/utils/route/route_constant.dart @@ -16,6 +16,7 @@ class AllRoutesConstant { static const String seasonRoute = "/seasons"; static const String occupationRoute = '/occupations'; static const String fruitRoute = "/fruit"; - static const String landing = '/landing_page'; - static const String mainhome = '/mainhome'; + static const String drawingboardRoute = "/drawingboard"; + static const String landingRoute = '/landing_page'; + static const String mainhomeRoute = '/mainhome'; } diff --git a/lib/utils/route/routes.dart b/lib/utils/route/routes.dart index e6c8de0..4fb1872 100644 --- a/lib/utils/route/routes.dart +++ b/lib/utils/route/routes.dart @@ -2,6 +2,7 @@ import 'package:flutter/material.dart'; import 'package:learn/landing_page.dart'; import 'package:learn/pages/about.dart'; import 'package:learn/pages/explore.dart'; +import 'package:learn/pages/explore/drawingboard.dart'; import 'package:learn/pages/explore/quiz.dart'; import 'package:learn/pages/favorite.dart'; import 'package:learn/pages/fruits.dart'; @@ -55,9 +56,11 @@ class Routers { return slidePageRoute(OccupationPage()); case AllRoutesConstant.fruitRoute: return slidePageRoute(FruitsPage()); - case AllRoutesConstant.landing: + case AllRoutesConstant.drawingboardRoute: + return slidePageRoute(const DrawingBoardPage()); + case AllRoutesConstant.landingRoute: return slidePageRoute(const LandingPage()); - case AllRoutesConstant.mainhome: + case AllRoutesConstant.mainhomeRoute: return slidePageRoute(MainHome()); default: return MaterialPageRoute( @@ -69,4 +72,4 @@ class Routers { ); } } -} +} \ No newline at end of file diff --git a/lib/widgets/drawer.dart b/lib/widgets/drawer.dart index e107f50..d4d063f 100644 --- a/lib/widgets/drawer.dart +++ b/lib/widgets/drawer.dart @@ -1,182 +1,182 @@ -import 'package:flutter/material.dart'; -import 'package:flutter_svg/flutter_svg.dart'; -import 'package:learn/utils/assets_path.dart'; -import 'package:learn/utils/route/route_constant.dart'; - -class MyDrawer extends StatelessWidget { - const MyDrawer({Key? key}) : super(key: key); - - @override - Widget build(BuildContext context) { - return Drawer( - child: SafeArea( - child: SingleChildScrollView( - child: Container( - color: Theme.of(context).canvasColor, - child: Column( - children: [ - DrawerHeader( - padding: const EdgeInsets.all(0), - decoration: - BoxDecoration(color: Theme.of(context).canvasColor), - child: UserAccountsDrawerHeader( - margin: const EdgeInsets.all(0), - decoration: - BoxDecoration(color: Theme.of(context).canvasColor), - accountName: Text( - "Learning App for kids", - style: Theme.of(context) - .textTheme - .titleLarge - ?.copyWith(fontWeight: FontWeight.bold), - ), - accountEmail: Text( - "Made by sapatevaibhav", - style: Theme.of(context).textTheme.bodyLarge, - ), - currentAccountPicture: const CircleAvatar( - backgroundImage: AssetImage("assets/images/dp.png"), - ), - ), - ), - _buildListTile( - icon: Icons.home, - title: "Home", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.homeRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.text_fields, - title: "A - Z", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.atozRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.pest_control_rodent_outlined, - title: "Animals", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.animalRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.egg, - title: "Birds", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.birdsRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.cloud, - title: "Seasons", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.seasonRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.pentagon_outlined, - title: "Shapes", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.shapesRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.back_hand_rounded, - title: "Body parts", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.partsRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.work, - title: "Occupations", - onTap: () { - Navigator.pushNamed( - context, AllRoutesConstant.occupationRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.sunny, - title: "Solar System", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.solarRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.palette, - title: "Colours", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.colourRoute); - }, - context: context, - ), - _buildListTileSVG( - icon: AssetsPath.getFlowerImage(Flowers.flowerIcon), - title: "Flowers", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.flowerRoute); - }, - context: context, - ), - _buildListTile( - icon: Icons.question_mark_outlined, - title: "About us", - onTap: () { - Navigator.pushNamed(context, AllRoutesConstant.aboutRoute); - }, - context: context, - ), - ], - ), - ), - ), - ), - ); - } - - Widget _buildListTile({ - required BuildContext context, - required IconData icon, - required String title, - required VoidCallback onTap, - }) { - return ListTile( - leading: Icon(icon), - title: Text( - title, - style: Theme.of(context).textTheme.bodyLarge, - ), - onTap: onTap, - ); - } - - Widget _buildListTileSVG({ - required BuildContext context, - required String icon, - required String title, - required VoidCallback onTap, - }) { - return ListTile( - leading: SvgPicture.asset( - icon, - width: 24, - height: 24, - ), - title: Text( - title, - style: Theme.of(context).textTheme.bodyLarge, - ), - onTap: onTap, - ); - } -} +import 'package:flutter/material.dart'; +// import 'package:flutter_svg/flutter_svg.dart'; +import 'package:learn/utils/assets_path.dart'; +import 'package:learn/utils/route/route_constant.dart'; + +class MyDrawer extends StatelessWidget { + const MyDrawer({Key? key}) : super(key: key); + + @override + Widget build(BuildContext context) { + return Drawer( + child: SafeArea( + child: SingleChildScrollView( + child: Container( + color: Theme.of(context).canvasColor, + child: Column( + children: [ + DrawerHeader( + padding: const EdgeInsets.all(0), + decoration: + BoxDecoration(color: Theme.of(context).canvasColor), + child: UserAccountsDrawerHeader( + margin: const EdgeInsets.all(0), + decoration: + BoxDecoration(color: Theme.of(context).canvasColor), + accountName: Text( + "Learning App for kids", + style: Theme.of(context) + .textTheme + .titleLarge + ?.copyWith(fontWeight: FontWeight.bold), + ), + accountEmail: Text( + "Made by sapatevaibhav", + style: Theme.of(context).textTheme.bodyLarge, + ), + currentAccountPicture: const CircleAvatar( + backgroundImage: AssetImage("assets/images/dp.png"), + ), + ), + ), + _buildListTile( + icon: Icons.home, + title: "Home", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.homeRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.text_fields, + title: "A - Z", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.atozRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.pest_control_rodent_outlined, + title: "Animals", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.animalRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.egg, + title: "Birds", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.birdsRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.cloud, + title: "Seasons", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.seasonRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.pentagon_outlined, + title: "Shapes", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.shapesRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.back_hand_rounded, + title: "Body parts", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.partsRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.work, + title: "Occupations", + onTap: () { + Navigator.pushNamed( + context, AllRoutesConstant.occupationRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.sunny, + title: "Solar System", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.solarRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.palette, + title: "Colours", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.colourRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.local_florist, + title: "Flowers", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.flowerRoute); + }, + context: context, + ), + _buildListTile( + icon: Icons.question_mark_outlined, + title: "About us", + onTap: () { + Navigator.pushNamed(context, AllRoutesConstant.aboutRoute); + }, + context: context, + ), + ], + ), + ), + ), + ), + ); + } + + Widget _buildListTile({ + required BuildContext context, + required IconData icon, + required String title, + required VoidCallback onTap, + }) { + return ListTile( + leading: Icon(icon), + title: Text( + title, + style: Theme.of(context).textTheme.bodyLarge, + ), + onTap: onTap, + ); + } + + // Widget _buildListTileSVG({ + // required BuildContext context, + // required String icon, + // required String title, + // required VoidCallback onTap, + // }) { + // return ListTile( + // leading: SvgPicture.asset( + // icon, + // width: 24, + // height: 24, + // ), + // title: Text( + // title, + // style: Theme.of(context).textTheme.bodyLarge, + // ), + // onTap: onTap, + // ); + // } +} diff --git a/pubspec.yaml b/pubspec.yaml index 430862d..8699931 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -45,6 +45,7 @@ dependencies: google_nav_bar: ^5.0.6 flutter_bloc: ^8.1.5 animated_text_kit: ^4.2.2 + font_awesome_flutter: ^10.1.0 dev_dependencies: flutter_test: