Journey to Full-stack, Week of design 2.
Tags: designs, programming
Published: 2018-07-17 05:14:01

---
title: Journey to Full-stack, Week of design 2.

published: true
description: Becoming a product developer.
tags: designs, programming, 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/0gfepz0h7xi26xsex0le.png
---

> This article was originally published under my blog [@legobox](https://medium.com/legobox/journey-to-fullstack-engineering-week-of-design-2-fedfff0eff8)

# Thoughts.

Since the process began, a large portion of the process focused on designs and having the ideas of UX - user experience with respect to the application in mind. For the most part, we've been able to do this. Until minor setbacks.


> 2 weeks ago I wasn't exactly able to make much progress with respect to design and development mostly due to the fact that my computer got damaged, Fixed up the next week, so project's back on track. For those diligently awaiting updates with reference to the series, really sorry for the lazy week.

Moving on, I've been able to complete designs of the application. Lets have a look at progress made in this process ( sounds like a rap ).

## Progress.

Last week was also design focused, targeted to completing the design phase, all the while still keeping in mind the ideas of minimalist designs, and making sure not to bug with unnecessary information.

Designs I was able to complete included the following.

**Account Management**


![](https://d2mxuefqeaa7sj.cloudfront.net/s_D20CBE0CA4BF0177C662E0391D9783B7C177E3DD0E1BF54F40E0E14D6ED4B7A7_1531800643094_Profile+Settings+-+Server+Details.png)


As the name suggests, this interface focused on the interface of the profile management sections where users would be able to make changes and updates to their profiles.

**Token management**

![](https://d2mxuefqeaa7sj.cloudfront.net/s_D20CBE0CA4BF0177C662E0391D9783B7C177E3DD0E1BF54F40E0E14D6ED4B7A7_1531800657656_Profile+Settings+-+Key+management.png)


Project spectre would use tokens from GitHub, Gitlab or Bitbucket respectively in order to manage the deployment of the project based on web-hooks from these services. This interface focuses on integrations and tokens with respect to these services. So as to be able to access web-hook requests.

**Billing**

![](https://d2mxuefqeaa7sj.cloudfront.net/s_D20CBE0CA4BF0177C662E0391D9783B7C177E3DD0E1BF54F40E0E14D6ED4B7A7_1531800668551_Profile+Settings+-+Billing.png)


This interface deals with the billing and subscriptions of the users with respect to their plans on projects and servers.

## Improved designs.

The following designs were improved in multiple aspects and extended to include and improve their atheistic. These interfaces include the following.

- Project management interface
- Home dashboard interface

## Shortcomings and achievements.

In the process, there have been several shortcomings, and some achievements, These include the following.

**Shortcomings**

- I'm pretty slow in design, it usually takes me a bit more time but In the process of working through the week I've been able to improve.

**Achievements**

- I've been able to clearly get a grasp of the entire project structure and ready to enter the implementation phase.
- All designs have been completed
## Targets of the week.

The new week (this week) would be focused on implementations of these designs, the idea is to build out the initial structure and then focus on soft touches ( areas that can be improved ).

Interfaces would be implemented in react, Those I hope to fully complete this week include the following.

- Landing page
- Login Page
- Sign up page
- Home dashboard

## Conclusion.

Building out has been tasking, but for the most part is that it has more to do with self-management and process. This means the process of managing the software development cycle as well as project planning, go a long way in deciding the viability and feasibility of a project.

As a one-man team, sometimes it feels overwhelming, that's why it often pays to have all steps ordered in detail and sections to session blocks to as to enable one develop in an organised manner.