MAGIC IS IN THE
DETAILS

Gogo is a combination of good design, quality code and attention
for details. We used React without JQuery as it is meant to be.

We used same design language for components, layouts, apps and
other parts of the theme.

Hope you enjoy it!

Features At a
Glance

We tried to create a react.js admin theme that we would like to
use ourselves so we listed our priorities. We would like to have a
theme that is not over complicated to use, does the job well,
contains must have components and looks really nice.

We put our attention to details and created features based on
this principles.

No JQuery
Dependency

JQuery is a great library and we are fans of it. We even built
JQuery version of this theme but we beleive that it should not be
in a React Project.

We did our research and found out that most developers thinks
they should not coexist in a project.

jQuery is Imperative and React is declarative so they
don‘t belong together.

Pleasant Design

As a web developer we enjoy to work on something looks nice. It
is not an absolute necessity but it really motivates us that final
product will look good for user point of view.

So we put a lot of work into colors, icons, composition and
design harmony. Themed components and layouts with same design
language.

We kept user experience principles always at the heart of the
design process.

Superfine Charts

Using charts is a good way to visualize data but they often look
ugly and breaks the rhythm of design.

We concentrated on a single chart library(react-chartjs) and
tried to create charts that looks good with color, opacity, border
and shadow.

Used certain plugins and created some to make charts even more
useful and beautiful.

Layouts for the
Job

Layouts are the real thing, they need to be accurate and right
for the job. They should be functional for both user and developer.

We created lots of different layouts for different jobs.

Listing pages with view mode changing capabilities, shift
select and select all functionality, application layouts with an
additional menu, authentication and error layouts which has a
different design than the other pages were our main focus. We also
created details page with tabs that can hold many components.

Smart Menu

We wanted to have a menu that looks good and does the job well.

Instead of good old single panel menus with accordion structure
that looks over complicated, we created 2 panels and categorized
pages accordingly.

The default menu auto hides sub panel when resolution is under
some breakpoint to open some space. You may also hide menu
completely or use only main panel open only.

Routing system is powered by react-router-dom which is not
integrated as a shallow library and can be changed easily with an
alternative.

Extra Responsive

With Bootstrap 4 and Reactstrap it is really easy to add custom
responsive breakpoints, so we added xxs and xxl and built it for
the theme.

Xxs breakpoint is for smaller screens that has a resolution
lower than 420px. Xs works between 576px and 420px. Xxl breakpoint
is for larger screens that has a resolution higher than 1440px. Xl
works between 1200px and 1440px.

With this approach we were able to create better experiences
for smaller and larger screens.

Theme Colors

We have created dark and light color versions with five
different main colors. Each theme also has a secondary color. You
can easily change theme colors or create additional themes with a
little help from Sass variables.

Structures &
Layouts

We did our best to create layouts which is ideal for various
needs that developers might have and create best experience for
users.

They are clean and slick. They function well and look good at
the same time.

Components

We used most popular and well managed open source components
with bootstrap components. Combined them into even more useful
ones. Themed them with same design principles and created a design
harmony between components and layouts.

From carousels to charts, switches to list we tried to provide
components that we like to use on our development processes
usually.

Applications

With the help of components and layouts, we created three
different applications. They are a good way to get you started if
you want to build something similar.

We barely wrote extra code for the applications, they are made
from our components and react.js libraries mostly. You may also
create applications that fit for your needs by using components and
layouts.

Changelog

Version 3.1.0
– 09-04-2019
Added support for Formik and created advanced validations for
custom components.
Version 3.0.1
– 17-03-2019
Removed Fine Uploader in favor for Dropzone.
Added mailing.
Added invoice.
Added maps.
Added tables.
Version 3.0.0
– 13-02-2019
Removed landing pages due to a warning from Envato.
Version 2.0.4
– 04-02-2019
Updated Babel and Webpack versions to latest to solve the problem
with dynamic imports.
Version 2.0.3
– 25-01-2019
Current Babel configuration causes problems with newer Node.js
versions so we removed dynamic imports from project to provide a
temporary solution. As a result, theme selecting currently not
available.
Version 2.0.2
– 11-12-2018
Fixed a problem with landing page refs that occurs only getting a
production build.
Version 2.0.1
– 09.12.2018
Webpack css loading packages updated.
Version 2.0.0
– 08.12.2018
Landing Page Added
Version 1.1.0
– 30.10.2018
Right click menu added to list items.
Keyboard shortcuts added. Can be seen at a list page with ctrl+a
and ctrl+d.
Multilanguage support added.
Axios library added.
Version 1.0.2
– 08.10.2018
Dark theme colors adjusted.
Search bar mobile error fixed.
package.json webpack-cli version updated. (Need to run npm install)
Version 1.0.1
– 29.09.2018
Iconsmind webfont added.
Simple Line Icons webfont added.
Version 1.0.0
– 14.09.2018
Initial release version.



























































































Download
Price: 0.00 USD
Preview: Theme Preview
Download: gogo-react-react-admin-template.zip
Download Rating : 4.6
Rate Count: 8102