7 important things to create webapp in 5 hours
Tags: beginners, productivity, webdev, vue
Published: 2019-05-21 13:23:40

# Web app I created in 5 hours
Here is the link of what I created.
The service name is "Change The World", which I decided in a second.
And I also created the service itself only in 5 hours.
URL -> [Change The World](https://changeworld.appspot.com/#/)
github -> https://github.com/yunomiyako/ChangeTheWorld

![alt](https://thepracticaldev.s3.amazonaws.com/i/4f3z6j8p4jxme9h04gm3.png)
You can create recruiting page like above image.
To lead people to commit your project easily, you can put slack url, github url, twitter url, and other url on the page.
I aimed targets who loves the potential of programming to change the world and want to astonish world by programming.

# 7 important things to create app in 5 hours
My first project that I teamed with my friends, took 5 months to finish.
This time I removed time consuming elements from dev process.
Because I have the experience of taking 5 month time to create web app, I know what is time consuming. I introduce 7 things that you should or shouldn't do to create app with incredible speed.

## 1. No Login Feature
Login feature is super time consuming. You need implement code at wide range. Social login looks cool but you need to implement OAuth and get APIkey and they are backbreaking jobs.
Taking account of the cost, login feature is not necessary on first stage of your project, isn't it? 

## 2. Reduce UseCases to the limit
"Change The World" lets you do only two things.

* post
* get a list of posts

I squeezed only two usecases, and it reduced dev cost significantly.
When you create a service, you would come up with various useful features, but it would lead to increase usecases. You should squeeze two or three important ones. Login feature is also a factor of increasing usecases.

## 3. Don't write CSS as possible
Use CSS framework and Don't write CSS by yourself as possible.
You can put your time into making good design, but let's focus on main core of your service. Look Google services. They don't seem to care about design so much, but they are the best services in the world.

## 4. Use Boilerplate
Constructing dev environment is time consuming. I used boilerplate and finished constructing dev env in 3 mins.
Boilerplate is like a template that have already built, and it includes all libraries you need to develop. 

## 5. Serverless
Many cloud services compete to make the easiest way to create apps. Serverless is the way of using these services at full power.
Firebase and Netlify is suprisingly convinient. you can deploy your service in 3 mins by these services.

## 6. Ignore small parts
Ignore small parts. You can fix them after release.
Improvement of features, refactoring , fine adjustoment of design, various things lure you from main core you need to devote yourself into. Ignore these things completely. It may be good idea to make a note somewhere, but you should not touch them before completion.

## 7. Don't use technologies you don't know
For study purpose, introducing new technologies into you project is very good idea. But if you want to create app in 5 hours, you should not use them completely. You need to pay expensive study cost to learn new things, and you'll fall into pitfalls somewhere. It makes no sense if you frustrate and stop project. Let's think about only releasing your app.

# Last word
Please use my "Change The World" once. I want to hear about your passion and your ideas. If your project looks fun, I want to commit your project.
Thank you!