(1/12) Tôi sẽ khởi động 6 phần khởi động sau 12 tháng

Tháng đầu tiên của cuộc đua nước rút 12 tháng để phát triển 6 phần khởi động.

Đối với lần đầu tiên khởi nghiệp, tôi đã quyết định lao đầu vào hai công nghệ mới. Phản ứng bản địa & căn cứ hỏa lực. Đây là hai khái niệm tuyệt vời mà tôi đã muốn chơi trong một thời gian dài vô cùng, nhưng không bao giờ có cơ hội! Tôi đã nghĩ về việc sử dụng Django để tạo một phụ trợ thay thế cho Firebase nhưng cuối cùng quyết định rằng thời gian để phát triển và duy trì có thể chỉ là quá nhiều cho khung thời gian giới hạn mà tôi có.

Tôi đang xây dựng cái gì?

Tôi sẽ tạo ra một ứng dụng 'trợ lý mơ mộng sáng suốt' đơn giản. Nó sẽ có hai tính năng, một tạp chí mơ ước và thông báo theo lịch trình cho 'kiểm tra thực tế'. Một tạp chí mơ ước chỉ đơn giản là một tạp chí mà bạn ghi lại những giấc mơ của mình. Nghiêm túc. Nó khá đơn giản. Nó giúp bạn nhớ lại những giấc mơ trong tương lai và cho phép bạn phát hiện ra những xu hướng có thể có trong giấc mơ của bạn. Điều này giúp người dùng dễ dàng nhận thấy họ có thể đang mơ. "Kiểm tra thực tế" là hành động đặt câu hỏi về sự tồn tại của bạn ngay bây giờ. Người dùng đôi khi được thông báo để thực hiện kiểm tra thực tế, trong đó người dùng sẽ chỉ cần cố gắng đẩy ngón tay trỏ qua lòng bàn tay của họ, và hỏi kỹ xem họ có đang mơ hay không. Nghe có vẻ ngớ ngẩn, tại sao tôi cần phải biết nếu tôi đang mơ trong khi tôi rõ ràng là trong thực tế? Chà, một khi bạn bắt đầu thực hiện những kiểm tra này thường xuyên, nó sẽ trở thành thói quen. Những giấc mơ của bạn khá thường xuyên sao chép những gì xảy ra trong cuộc sống thực, vì vậy thói quen của bạn cũng sẽ sao chép. Bạn sẽ đặt câu hỏi nếu bạn đang mơ trong giấc mơ của bạn. Làm thế nào là mát mẻ? Khi bạn cố gắng đẩy ngón tay qua lòng bàn tay, ngón tay của bạn sẽ đi qua nó. Hành động này sẽ kích hoạt những dòng suy nghĩ khiến bạn nhận ra mình đang mơ!

Tuần thứ nhất

Tôi đã bắt đầu với chức năng biểu mẫu, vì tôi đã có một tầm nhìn rõ ràng về chức năng của ứng dụng này. Tất cả đều vô cùng đơn giản, hai chức năng. Đầu tiên và tập trung nhất vào sẽ là một tạp chí mơ ước với một phân tích / phản ánh đơn giản 'màn hình'. Điều này sẽ cho phép bạn không chỉ ghi lại giấc mơ của mình mà còn phản ánh và phân tích ý nghĩa của chúng để phát triển hơn nữa sự tách biệt giữa thế giới vật lý và vị trí chúng ta tạo ra trong tâm trí. Chức năng thứ hai là một thông báo theo lịch trình, có thể định cấu hình, đơn giản sẽ kích hoạt 'kiểm tra thực tế'. Những kiểm tra thực tế này sẽ bắt đầu trở thành thói quen và bạn sẽ bắt đầu thử chúng trong giấc mơ của mình.

Tôi bắt đầu thiết kế bằng Sketch, thiết kế cho iPhone X trước.

Tên HEAVILY làm việc trong tiến trình.

Tôi bắt đầu với quy trình lên máy bay, đi từ màn hình 'Chào mừng' đến các lượt xem đăng ký / đăng nhập, sau đó là phần hướng dẫn / giới thiệu hoạt hình. Để tạo hình động cho việc lên máy bay, tôi sẽ sử dụng Haiku, nó cho phép bạn nhập các tệp Phác thảo, áp dụng hình động và xuất thành mã. Đối với phiên bản beta, nó hỗ trợ một số lượng đáng kinh ngạc các tùy chọn xuất, các khung như React Vue và React Native. Nó cũng hỗ trợ xuất HTML / CSS / JS và iOS & Android.

Tuần thứ hai

Tôi bắt đầu quá trình thu thập hàng xuất khẩu của mình từ Supernova và tạo ứng dụng của mình, kết nối nó với Firebase. Tuy nhiên, có một số vấn đề với việc xuất, khiến ứng dụng thực tế gần như vô dụng.

Một màn hình đăng nhập bị hỏng, sau 2 giờ sửa lỗi

Đây là màn hình đăng nhập của tôi, sau 1 giờ2 giờ sửa lỗi và chỉnh sửa. Tôi không phải là một nhà phát triển JavaScript bản địa, vì vậy hãy sử dụng một chút muối, nhưng Supernova xuất khẩu không thể sử dụng được nếu không có sự điều chỉnh trực quan đáng kinh ngạc. Một số văn bản bị thiếu, các biểu tượng bị thiếu, nền bị sai lệch, ít nhất là điều hướng hoạt động. Tôi đã có hy vọng cao cho Supernova, đặc biệt là xem xét xuất khẩu bản địa trong trình giả lập và thấy bản sao 1: 1 của các thiết kế Phác thảo của tôi trong trình giả lập. Có vẻ như xuất khẩu React Native không đạt tiêu chuẩn của xuất khẩu bản địa.

Tôi cũng bắt đầu làm việc trên trang đích của ứng dụng, sẽ được lưu trữ trên ứng dụng Firebase của tôi, sử dụng Firebase Hosting.

Mockup cho trang đích của ứng dụng

Tôi bắt đầu bằng cách xem xét cảm hứng từ Dribble và Hyperpixel, bố trí động não và làm thế nào tôi có thể sử dụng màu sắc thương hiệu của mình để làm lợi thế cho mình. Phác thảo cho phép bạn sao chép-dán các thuộc tính CSS / mã SVG của các thành phần trong thiết kế của bạn. Tôi chỉ đơn giản là sao chép CSS CSS từ biểu tượng nền của mình và chỉ như thế, tôi đã có những điều cơ bản và màu sắc cho trang web của mình. Tôi quyết định thêm một hàng anh hùng toàn chiều rộng, sẽ tạo thành cơ sở chi tiết về ứng dụng. Tôi dự định vẽ một số đồ họa và làm động chúng trong Haiku và sau đó xuất chúng để sử dụng làm hình ảnh hoạt hình trên đầu mỗi cột / tính năng.

Tuần 3

Tuần 3 đã vô cùng bận rộn đối với tôi, bên ngoài dự án này. Vì vậy, tôi đã không làm được nhiều việc trong suốt cả tuần. Tuy nhiên, tôi đã quyết định loại bỏ hoàn toàn hàng xuất khẩu Supernova.io React Native của mình và bắt đầu lại từ đầu. Tôi đã dành hàng giờ để gỡ lỗi mã JS ít được chấp nhận mà Supernova đã tạo. Tôi sẽ hủy đăng ký Supernova của mình càng sớm càng tốt (Mỗi lần tôi hủy, nó sẽ cho tôi một cửa sổ bật lên cho tôi biết tôi có thể hủy vào tuần tới! Cảm ơn Supernova). Tôi đã duyệt Github để tìm giải pháp tốt hơn cho các vấn đề của mình và tìm thấy khá nhiều thư viện sẽ giúp tôi đạt được những gì tôi đang muốn làm.

Mọi thứ đều mới!

Tôi đã dành vài giờ để tạo lại ứng dụng từ đầu, miễn phí từ bất kỳ mã nào được tạo. Thật sốc, khá nhiều thứ đã diễn ra như mong đợi. Tôi đã quản lý để thực hiện các yếu tố điều hướng và UI / UX cơ bản, tái tạo thành công quá trình lên tàu từ đầu. Điều này đã dặm tuyệt đối cho sự tự tin của tôi trong thời gian dài và thực sự thúc đẩy tinh thần của tôi.

Toàn bộ ứng dụng có giao diện (gần như) hoàn toàn mới và cảm nhận. Chất lượng và sự mạnh mẽ cảm thấy mạnh mẽ hơn nhiều so với xuất khẩu Supernova.

Làm việc nghiêm túc trong tiến trình

Trang đích đã có một chút thử lại, với một mẫu và bản sao nền mới. Nó sẽ sớm xuất hiện một mockup iPhone X hoạt hình ở cột bên phải, giới thiệu ứng dụng và tất cả các tính năng của nó!

Tuần 4

Cập nhật siêu tân tinh! Tôi đã không thể hủy đăng ký Supernova của mình, mỗi lần tôi cố gắng thay đổi kế hoạch của mình trở lại với Free Free, tôi đã phải đối mặt với một thông báo nói rằng 'tính năng' này sẽ đến vào tuần tới. Đó là một tin nhắn mơ hồ, vì tôi đang trong vòng một tuần kể từ khi chu kỳ thanh toán kết thúc, nhưng tôi vẫn không thể hủy? Tôi đã phải gửi email cho những người sáng lập về việc hủy kế hoạch của tôi (Mặc dù họ đã trả lời gần như ngay lập tức! Hỗ trợ tốt đẹp!).

Tránh xa hành vi khá thất vọng của Supernova (nói chung), cuối cùng tôi đã thêm Firebase vào ứng dụng! Bây giờ bạn có thể tạo tài khoản, đăng nhập vào chúng và đăng xuất khỏi chúng, thật tuyệt! Đây là một bước đệm khá quan trọng đối với Firebase, vì đây là lần đầu tiên tôi "nhúng ngón chân" vào đó để nói (chứ đừng nói đến lần đầu tiên tôi triển khai JavaScript). Tôi cũng bắt đầu công việc gửi thông báo đến các thiết bị và khả năng CRUD cho tạp chí. Có một chút nếu một đường cong học tập cho các thông báo và Firestore, nhưng tôi hy vọng rằng tôi có thể cung cấp năng lượng thông qua cả hai yếu tố này và thực sự tập trung vào nhiều yếu tố UI và đánh bóng hơn trong những tuần tới.

Tuần này tôi cũng đã mua một tên miền, daydreamapp.co và kết nối nó với Firebase. Ai có thể đoán ứng dụng sẽ trải qua một lần thay đổi tên khác? Bây giờ bạn có thể truy cập trang đích bằng URL đó và sẽ sớm có thể tải xuống ứng dụng từ đó. Mục tiêu hy vọng của tôi cho 6 phần khởi động này, là có một tên miền và trang đích cho mỗi phần.

Như được thấy bên dưới, tôi cũng đã triển khai Firestore vào ứng dụng. Tất cả dữ liệu liên quan hiện được lấy từ Firestore (từ bộ sưu tập cụ thể của người dùng) và vào ứng dụng. Giao diện người dùng là WIP đáng kinh ngạc, vì tôi chỉ muốn nhận được một cái gì đó trên trang. Tầm nhìn của tôi về các mục, là chúng sẽ bắt đầu bằng cách hiển thị cho bạn tiêu đề, mô tả rút gọn và ngày của giấc mơ, nhưng bạn có thể nhấp vào nút mở rộng để đưa ra thông tin bổ sung, chẳng hạn như xếp hạng, loại giấc mơ và dữ liệu ý nghĩa giấc mơ.

Dữ liệu được đọc từ Firestore

Gói (lại!

Tôi đã học được một số tiền đáng kinh ngạc trong tháng này, không chỉ liên quan đến lập trình mà còn về bản thân tôi. Tôi cảm thấy như mỗi ngày tôi dành làm việc cho dự án này, tôi cảm thấy không thích chần chừ với các nhiệm vụ khác. Nhìn chung, tôi vô cùng hài lòng với trạng thái của ứng dụng kể từ khi khởi động lại hoàn toàn. Nó đã được chứng minh là thực sự có giá trị và đã tạo ra một số kinh nghiệm học tập tuyệt vời. Tôi thực sự mong muốn được xuất bản ứng dụng này và có thể sẽ thấy nó được đặt trên cửa hàng Android, ngoài App Store trên iOS.

Trong tháng này, tổng chi phí của tôi là 55 đô la, là thuê bao và tên miền Supernova (rất đáng tiếc).

Đọc phần 2 tại đây.

Bạn muốn tải ứng dụng? Truy cập daydreamapp.co và tải về ngay!