Refactoring and Redesign

rep0x commented 4 years ago

👋 Hey folks,

@huhn511 told me a bit about the project and asked me to help out a little bit with branding and website. Please keep in mind that all I did is to be understood as a suggestion and I also appreciate to further improve or discuss things that you might not like. This is true for both code and design. Okay what I did:

1. XD Prototype

Started a XD Prototype to explore inspiration, colouring, typography, logo and website. @huhn511 can share the file with you.

2. Refactored lots of stuff

Atomic Design Since my goal was to add lots of stuff consistently across the different Screens, I choose to add most of the UI logic as atoms. You can find them in components/atoms. Examples would be 'Row', 'Button' or 'H1'. These atoms just do one tiny little thing (mostly styling).
Renamed folders... ...in lowercase and components in uppercase
Added styled-components... ...to more easily handle styles at the component level*
Structured all components files consistently into different sections

3. Added lots of stuff

For now it is just the Navigation a Hero and two Content Sections. I added some basic layouts for the other pages like download.

So far so good, please feel free to ask me anything 👍

Cryptec commented 4 years ago

This is Awesome @rep0x ! Hi and welcome 👋 one thing to know: there won´t be an option to buy a out of the box solution. We only provide the software and some setup tuts / docs. However, love the site!

rep0x commented 4 years ago

@Cryptec glad to hear you like it! Just joined the discord server in case there might come up new questions, ideas or requirements. Looking forward to help you with design and frontend related work 👍

Raspihive / raspihiveWebsite