Spectrum

Register cultural/artistic events all over the world, and locate others!

Concept

Our vision for the audio-visual events is that they can be displayed as ARTISTIC LABORATORIES, comprehending all forms of human expression. Here you can find laboratories scattered all around, in places you couldn't imagine the existence before knowing about.

The human application and physical expression of creativity through skills and imagination in order to produce objects, environments and experiences IS art. And we believe that the most important form of expression with the reality by humans, is through the form of ART.

Major art constituents are

• Visual (Architecture, Ceramics, Drawing, Filmmaking, Painting, Photography, Sculpting)
• Literature (Fiction, Drama, Poetry, Prose)
• Performing (Dance, Music, Theatre)
• Applied Arts (Video Games)
• Multidisciplinary Works

Some art forms combine visual elements with performance (e.g. cinematography), or artwork with the written word (e.g. comics). From prehistoric cave paintings to modern-day films, art serves as a vessel for storytelling and conveying humankind's relationship with the ENVIRONMENT.

Structure

System: Dynamic Application
Main lang(s): JavaScript (ECMA) / TypeScript
Stack: Node / Express & Knex / Multer / React & React Native / Expo
Pattern: RESTful

Server - The base backend with Node & Express

Responsable for business rules, defines how the app behaves. It connects with the db and any external services needed. It handles the complete authentication/authorization for the users, criptography and security.

The usage of the RESTful pattern differs from the classic MVC (Model, View, Controller) because it doesn't return the full page to the user but the data the client needs to render the complete view in the frontend (usually in JSON - JavaScript Object Notation).

Despite the differences, we can benefit from the pattern nomenclature to separate functionality. Besides, when we build the backend this way, the flexibility allow us to communicate successfully with the mobile app without a change.

Frontend / Mobile - React & React Native with Expo

With React we at the edge of the componentization pattern. Responsable for the interface of the web & mobile system (all the listings, dashboards, etc, with HTML & CSS and more) with the user, it helps us deal with a lot.

Check the app

Now we may open two differents terminals, and this should get the app up and running

	server/ $ yarn dev
	web/ $ yarn start

If all went well, see localhost:3000 in the browser.

Requirements

• Register a Art Laboratory
• Filter Laboratories by area
• Filter Laboratories by category
• Show all Laboratories nearby

TODOS

Structure

• Create folders to retain web ui & server
• Initialize projects with npm
• Install server & web dependencies
• Create src/ folders in both projects dirs

Server

• Create and configure knexfile & knex
• Implement server and database/connection
• Create migrations and seeds
• Implement routes
• Create controllers with the avaiable routes

Web

• Create-react-app in the frontend
• Clear & Refactor
• Create pages/ and components/
• Implement SPA
• Implement services/api
• Refactor Styles

Mobile

• Start React Native Project