Protected: Takeaways from “The Story Factor – Secrets of Influence from the Art of Storytelling” by Annette Simmons

This content is password protected. To view it please enter your password below:

Advertisements

Flutter Development 003

This slideshow requires JavaScript.

Today I set up the drawer in the Flutter app. The drawer is composed of 2 things: a hamburger menu button and a drawer with the list of options for the app.

Here’s the code I used to set up the drawer in the app:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MainView()
    );
  }
}

class MainView extends StatelessWidget {

  static const String _title = 'Manoa Career Center';

  @override
  Widget build(BuildContext context) {

    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(
          title: const Text(_title),
        ),
        drawer: Drawer(
          child: ListView(
            padding: EdgeInsets.zero,
            children: [
              DrawerHeader(
                child: Text(''),
                decoration: BoxDecoration(
                  color: Colors.blue,
                ),
              ),
              ListTile(
                title: Text(
                  'View Employers',
                  style: TextStyle(fontSize: 20.0,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              ListTile(
                title: Text(
                  'View Fair Map',
                  style: TextStyle(fontSize: 20.0,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              ListTile(
                title: Text(
                  'Links',
                  style: TextStyle(fontSize: 20.0,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              ListTile(
                title: Text(
                  'SIGN IN',
                  style: TextStyle(fontSize: 12.0,
                  ),
                ),
              ),
              ListTile(
                title: Text(
                  'SIGN UP',
                  style: TextStyle(fontSize: 12.0,
                  ),
                ),
              ),
              ListTile(
                title: Text(
                  'RESET PASSWORD',
                  style: TextStyle(fontSize: 12.0,
                  ),
                ),
              ),
            ],
          ),
        ),
        body: HomePageWidget(),
      ),
    );
  }
}

class HomePageWidget extends StatefulWidget {
  HomePageWidget({Key key}) : super(key: key);

  @override
  _HomePageWidgetState createState() {
    return _HomePageWidgetState();
  }
}


class _HomePageWidgetState extends State {

  @override
  Widget build(BuildContext context) {

    return Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [

        ],
      ),
    );
  }
}

Contact me if you have any questions!

Flutter Development 002

Alright, today I’m getting the app started. I’ll first write out what I’m planning to achieve today. Then I’ll list out what I actually got done. I’ll include any problems that come up. And I will list out any solutions that I have come up with since the last blog post.

What I’m planning to achieve today

Today I am planning on setting up the bare bones project with the Flutter Create command. Once I’ve got that done, I’m planning on running the app on both platforms to take a photo to show that it’s working.

What I got done today

Today I set up the flutter app with flutter create. I opened up the project in Android Studio. I want to use IntelliJ IDEA to code the app but I believe my student license is going to run out so I might as well learn the ins and outs of Android Studio because it’s a free program.

I also created a repo for this project and uploaded it to Github.

Problems that came up

The setup process took about 10 seconds. I’ve created a few flutter apps before. So I know the basics. Things will start to ramp up as I start to investigate Flutter packages that I haven’t used before. Stay tuned for more problems, they are all but guaranteed in development 🙂

Solutions to problems that came up

During the course of this project I will be using a variety of resources. I will list them here as I come up with solutions to problems that come up.

Thanks for joining me on the second blog post on Flutter development. Read Part 1 if you’re interested in the goals of the project.

Flutter Development 001

 This weekend I delivered a talk on Building Cross-Platform apps with Flutter at the Hawaii iOS Developer Meetup. The talk went well and the audience seemed impressed. With the recent win of doing a great presentation, I’ve decided to blog the development of this Manoa Career Center app here in my blog.

I’ve already built the app in Swift. More than half the smartphone users are on Android. I need to make an app that works on Android. So I’ve decided to use Flutter to develop a single code base that creates a cross platform app.

This app will have 2 audiences: the students and the employers.

Here are the core features of the app:

  • Display a map of the ballroom to show where each employer is stationed.
  • Allow the student to set up a profile
  • Allow the employer to set up a profile
  • Allow the student and the employer to match-make easily. I am considering using QR codes so that usernames do not need to be searched for in the system.

Students and employers are the intended audience for the app:

The employers want to select candidates that are good for their business. Students want to find employers that will be a good fit for them when they graduate from college.

Here are the problems I am planning to solve with the creation of this app:

  • Get students to use the app to save the employers they are interested in talking to.
  • Make sending resumes to the employer as easy as possible.
  • Facilitate a way to get our department a home on the student and employer’s phones.

Do you have any questions about the development of this app? Contact me, I’d love to hear about it.