Build basic App UI

[iamonuwa]

Is your feature request related to a problem? Please describe.
As a developer, I would like to have the UI layout, style guides setup.

Describe the solution you'd like
This will allow all developers working on this project to work in a consistent manner.

This task involves building the core app UI - the main menu, the header and the main view. The goal of this task is to provide an example of how to build responsive cosmic/universal design for the app so developers working on additional screens and flows will be able to refer to it.

• Responsive design of main menu, header and home screen view for all targets
• Handlers for menu commands
• Use assets and visual design based on the product guide
• Implement App navigation pattern (routing, use of redux, etc...)

See Design Wiki for guides

• Related issues: Full main menu: UI Component: Main Menu #6 - this task should just provide the structure and few commands.

Describe alternatives you've considered
n/a

Additional context

Cross-platform UI components should be put in a shared folder so they can be used in other screens.

See CONTRIBUTING.md for contribution guidelines

[avive]

I think that this issue should describe what basic UI means for the app,.

[samparsky]

@iamonuwa I think this is the issue that should be created for cosmic

[iamonuwa]

@iamonuwa I think this is the issue that should be created for cosmic

No, this is for the app we are building. Cosmic is a seed (boilerplate) anyone can use.

[avive]

The delivery this task is to have a basic working UI on all supported platform with responsive design and home screen display.

[iamonuwa]

@avive correct

[hieple7985]

@avive when we could start to implement this one?

[avive]

yes!

[gitcoinbot]

Issue Status: 1. Open 2. Started 3. Submitted 4. Done

---

This issue now has a funding of 5.0 ETH (1050.07 USD @ $210.01/ETH) attached to it as part of the Spacemesh - https://spacemesh.io fund.

• If you would like to work on this issue you can 'start work' on the Gitcoin Issue Details page.
• Want to chip in? Add your own contribution here.
• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $50,637.60 more funded OSS Work available on the Gitcoin Issue Explorer

[gitcoinbot]

Issue Status: 1. Open 2. Cancelled

---

Workers have applied to start work.

These users each claimed they can complete the work by 1 month, 2 weeks ago.
Please review their action plans below:

1) ephriam has applied to start work (Funders only: approve worker | reject worker).

I will use React and Redux and implement the requirements and specifications as soon as possible!

Learn more on the Gitcoin Issue Details page.

2) senthilnew has applied to start work (Funders only: approve worker | reject worker).

Collaborate with other contributers

Learn more on the Gitcoin Issue Details page.

3) ingfrederick has applied to start work (Funders only: approve worker | reject worker).

Hi. I can improve the project integrating a Design System with a UI Development Environment like StoryBooks, i can base it on your design guidelines, this will allow you to manage design and its integration at scale.

Cheers.

Learn more on the Gitcoin Issue Details page.

4) lifeofanisland has applied to start work (Funders only: approve worker | reject worker).

Provide me your scope of work, backed model if there's any and a well detailed documentation of the project.

Learn more on the Gitcoin Issue Details page.

5) ishasaxena9 has applied to start work (Funders only: approve worker | reject worker).

I would like to build the UI for the app starting with the dashboard and then moving on to different components through links.

Learn more on the Gitcoin Issue Details page.

6) hieple7985 has applied to start work (Funders only: approve worker | reject worker).

I'm currently working to build up NavBar UI which act as sub-issue of "Build Basic App UI".

• UI Component: Navbar #26

Learn more on the Gitcoin Issue Details page.

7) ifeanyiekperi has applied to start work (Funders only: approve worker | reject worker).

Creating the Design guidelines, color combination and icon usage.

Creating a UI interface for aid developers work on the project

Learn more on the Gitcoin Issue Details page.

8) bgurganious has applied to start work (Funders only: approve worker | reject worker).

My process:

1. quickly, yet thoroughly, organize the notes of as many items to be completed as possible
2. create a design for all of the components
3. code each component with unit tests
4. keep everything well documented

Learn more on the Gitcoin Issue Details page.

9) wiztemple has applied to start work (Funders only: approve worker | reject worker).

I need to know if a CSS framework is required? If yes, what framework? I can do this within 24 hours with or without a CSS framework.

Learn more on the Gitcoin Issue Details page.

10) dddddanica has applied to start work (Funders only: approve worker | reject worker).

Interested in implementing web app if there're any tasks left to be picked up.

Learn more on the Gitcoin Issue Details page.

[frankchen07]

hey @avive - looks like you've got a bunch of users who are willing to do the work - just waiting for your approval!

[dsp1589]

Hello avive

[dsp1589]

@avive

[iamonuwa]

@dsp1589 there are other tasks available. Please join the gitter https://gitter.im/spacemesh-os/app

[avive]

Hello everybody - as @iamonuwa mentions above - please chat with us on the app channel about the project and this issue.

[gitcoinbot]

Issue Status: 1. Open 2. Cancelled

---

The funding of 5.0 ETH (708.49 USD @ $141.7/ETH) attached to this issue has been cancelled by the bounty submitter

• Questions? Checkout Gitcoin Help or the Gitcoin Slack
• $57,096.69 more funded OSS Work available on the Gitcoin Issue Explorer