Create a file called 'constant.dart' in lib -> common folder where you will write following code Please, support my blog by clicking on our sponsors ad! import 'package:flutter/material.dart'; const Color PrimaryColor = Color(0xFF156EE6); const Color SecondaryColor = Color(0xFFF8F9FD); const Color RegentGray = Color(0xFF868F9E); const Color Navy = Color(0xFF0C1F3D); const Color GhostWhite = Color(0xFFF7F9FC); const Color GreenTeal = Color(0xFF0AB75B); const Color LightGreenTeal = Color(0xFFF2FDF5); Go to Main project

 Create a dart file named as 'bottomnavigationbar.dart' in lib -> common folder. It will create bottom menu Please, support my blog by clicking on our sponsors ad! import 'package:flutter/material.dart'; import 'package:myfirstproject/Dashboard.dart'; import 'constants.dart'; class CommonBottomNavigationBar extends StatefulWidget { const CommonBottomNavigationBar({super.key, required this.pages}); final List<Widget> pages; @override State<CommonBottomNavigationBar> createState() => _CommonBottomNavigationBarState(); } class _CommonBottomNavigationBarState extends State<CommonBottomNavigationBar> { int _selectedIndex = 0; void _onItemTapped(int index) { setState(() { _selectedIndex = index; }); } @override Widget build(BuildContext context) { return BottomNavigationBar( items: const <BottomNavigationBarItem>[ BottomNavigationBarItem( ic

 Create a new dart file named as 'locationviewmodel.dart in lib -> viewmodels folder and paste following code. Please, support my blog by clicking on our sponsors ad! import 'package:flutter/cupertino.dart'; import 'package:myfirstproject/models/AreaSpotModel.dart'; import 'package:myfirstproject/models/locationmodel.dart'; class LocationViewModel extends ChangeNotifier { List<LocationModel> _list = []; List<LocationModel> get locationList => _list; set locationList(List<LocationModel> value) { _list = value; } void GetData() { locationList = [ LocationModel( Name: 'Mugal Garden', Img: 'https://images.hindustantimes.com/img/2022/12/03/original/fbdf0039359861ef8026921ab8fd5382_1670055785607.jpg', Distance: '25 km', Rate: '80.0', Address: '1A, Bombay Market-Punagam Rd, Krishnakunj Society, Punagam, Varachha, Surat

 Create a file named as 'locationmodel.dart' in lib -> models folder and paste following code: Please, support my blog by clicking on our sponsors ad! import 'package:myfirstproject/models/AreaSpotModel.dart'; class LocationModel { late final String Name; late final String Img ; late final String Distance; late final String Rate; late final String Address; late final String Spot1; late final String Spot2; LocationModel({ required this.Name,required this.Img,required this.Distance, required this.Rate, required this.Address, required this.Spot1,required this.Spot2}); } Go to Main project

 Create a file named as 'location_card.dart' in lib -> cards folder and paste following code: Please, support my blog by clicking on our sponsors ad! import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:myfirstproject/common/constants.dart'; import 'package:myfirstproject/models/locationmodel.dart'; class LocationCard extends StatelessWidget { late final LocationModel locationModel; LocationCard({required this.locationModel}); @override Widget build(BuildContext context) { return Card(elevation: 0, child: Container( width: 150,height: 180, decoration: BoxDecoration(borderRadius: BorderRadius.circular(20.0), color: Colors.white), child: Padding( padding: const EdgeInsets.all(10), child: Column( children: [ ClipRRect(borderRadius: BorderRadius.circular(20.0), child: Image.network(location

 Create a file named as 'areaspot_card.dart' in lib -> cards folder and paste following code: Please, support my blog by clicking on our sponsors ad! import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:myfirstproject/models/locationmodel.dart'; import 'package:myfirstproject/common/constants.dart'; class AreaSpotCard extends StatelessWidget { late final LocationModel locationModel; AreaSpotCard({required this.locationModel}); @override Widget build(BuildContext context) { return Card(color: SecondaryColor,elevation: 0, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(0)), child: Padding( padding: const EdgeInsets.only(top: 20.0,left: 20.0,right: 20.0,bottom: 0.0), child: Container(decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20)), child: Padding( padding: const EdgeInsets.all(

 Create a file named as 'Dashboard.dart' in LibFolder and paste following code: Please, support my blog by clicking on our sponsors ad! import 'package:flutter/material.dart'; import 'package:flutter/scheduler.dart'; import 'package:myfirstproject/RideDetail.dart'; import 'package:myfirstproject/ViewModels/locationviewmodel.dart'; import 'package:myfirstproject/cards/location_card.dart'; import 'package:provider/provider.dart'; import 'common/constants.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'common/bottomnavigationbar.dart'; class Dashboard extends StatefulWidget { const Dashboard({Key? key}) : super(key: key); @override DashboardState createState() => DashboardState(); } class DashboardState extends State { final LocationViewModel locationViewModel = LocationViewModel(); @override void initState() { locationViewModel.GetData();