Step 2: Wireframe UX/UI - Deepstash
7 days with Seth Godin

Learn more about marketingandsales with this collection

How to develop a growth mindset

How to think creatively and outside the box

How to embrace change

7 days with Seth Godin

Discover 31 similar ideas in

It takes just

5 mins to read

Step 2: Wireframe UX/UI

Next, on a white board, we drew out the basic views we envisioned in our app. We incorporated our set of user stories to understand how these views would work in a skeletal app framework.

4

1 read

MORE IDEAS ON THIS

Step 5: Choose & download a boilerplate

Because the JavaScript ecosystem is so complicated, we opted not to build our app from absolute ground zero. It felt unnecessary to spend valuable time wiring up our Webpack build scripts and loaders, and our symlink that pointed to our project directory. My team chose the

4

0 reads

The First Full Stack App

As most developers know, even when you “know how to code”, it can be really overwhelming to embark on the creation of your first full-stack app. The JavaScript ecosystem is incredibly vast: with package managers, modules, build tools, transpilers, databases, libraries, and decisi...

4

0 reads

Step 6: Write back-end API routes (or Firebase listeners)

If we weren’t using a Cloud-Based Database, this would have been the time to write our Back-End Express routes. But since we were using Firebase, which is already in the cloud, we just worked to set up our first successful Database listener.

4

1 read

Step 10: Find and squash bugs

We spent the final two days Simulating every user flow we could think of and hunting our App for bugs. This process was not the most systematic, but we found plenty of bugs to keep us busy.

4

1 read

Step 11: Deploy the live app

We were using Firebase to store our data, so we deployed to Firebase hosting. We also bought a cheap domain name on namecheap.com to make our App more polished and easy to find. If we had a longer runway, step 12 would have been to run A/B testing on users, so we could better understand how actua...

4

1 read

Step 3: Choose a data structure and type of database

  • It could hold user image uploads in its cloud storage
  • It included WebSocket integration for real-time updating
  • It could handle our user authentication and offer easy OAuth integration

4

3 reads

Step 4: Set up Github and an agile workflow

We set up a Github repo, on which we prevented merging to master to force ourselves to review each other’s code. We also created an agile board on Waffle.Io, which is free and has easy integration with Github. We would each create git branches for the user story we were currently working on.

4

1 read

Step 8: Code out the features

  • ability to create new goals, milestones, and checkins
  • ability to delete goals, milestones, and checkins
  • ability to change a timeline’s name, color, and details
  • ability to zoom in on timelines
  • ability to add links to resources
  • ability to upload med...

4

1 read

Step 9: Choose and code the design scheme

Once we had an MVP of the functionality we desired in our app, it was time to clean it up and make it pretty. My team used Material-UI for components like form fields, menus, and login tabs, which ensured everything looked sleek, polished, and coherent without much in-depth desig...

4

0 reads

Step 1: Ideate

In my past life as a consultant at IBM, I led Ideation workshops with corporate leaders. I suggested to my group the classic Post-It Brainstorming strategy. We all scribble out as many ideas as we can — even ‘ stupid ones’. After generating a few dozen App ideas, we sorted them into categories to ga...

5

5 reads

Step 7: Build a “Proof Of Concept”

Our next step was to create a “proof of concept” for our App. This meant finding a Front-End library to satisfactorily render Timelines. We connected it to Firebase successfully to display some seed data.

4

1 read

CURATED FROM

CURATED BY

tammyki

Visual merchandiser

Related collections

More like this

Moral psychology

Moral psychology

Moral psychology is the study of how we process moral ideas, how we become moral beings, and how our brains handle moral issues. We can use a four-category framework to understand how people make moral judgements. These are: Evaluations, ...

Tell your story

Purpose can arise from curiosity about your own life. When we make a narrative out of our own lives, it gives us clarity on how to understand ourselves and provides a framework to help us make sense of our experiences.

Social Visibility

Work time is also a social time and important for encouraging professional relationships. In the office, these social moments happen at the coffeemaker or in the hallway.

  • Reach out. In remote teams, you have to be proactive about creating social moments. It can be ad...

stash-superman-illustration

Explore the World’s

Best Ideas

200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

An Idea for Everything

Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

Knowledge Library

Powerful Saving & Organizational Tools

Save ideas for later reading, for personalized stashes, or for remembering it later.

# Personal Growth

Take Your Ideas

Anywhere

Organize your ideas & listen on the go. And with Pro, there are no limits.

Listen on the go

Just press play and we take care of the words.

Never worry about spotty connections

No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

Get Organized with Stashes

Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

Join

2 Million Stashers

4.8

5,740 Reviews

App Store

4.7

72,690 Reviews

Google Play

Ashley Anthony

This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

samz905

Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

Sean Green

Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

Shankul Varada

Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

Ghazala Begum

Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

Jamyson Haug

Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

Giovanna Scalzone

Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

Laetitia Berton

I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

Supercharge your mind with one idea per day

Enter your email and spend 1 minute every day to learn something new.

Email

I agree to receive email updates