gsmenezes/transistor-test

SOROCABACOM Test - Transistor | SUPERGIANTGAMES

This application was developed in response to the test for the Frontend developer position at SOROCABACOM.

Running

🔹 yarn - to install dependencies;

🔹 yarn start - to run app;

🔹 yarn build - to run build for deploy app.

Architecture

This app was developed with React Functional components with React Hooks. For structures was used:

🔹 ReactJs 🔹 StyledComponents 🔹 React-icons 🔹 React Hooks 🔹 React Elastic Carousel

Folder Structure

The folder structure is defined from the src folder which is the baseUrl.

src
 ├ assets
 | ├ background-card.png
 | ├ background-card2.png
 | ├ background-imagecard.svg
 | ├ grant.png
 | ├ image-card.png
 | ├ logo.png
 | ├ plume.png
 | ├ plume2.png
 | ├ plume3.png
 | ├ plume4.png
 | ├ red.png
 | └ sybil.svg
 ├ Components
 | ├ CarouselCards
 | |   ├ carousel.css
 | |   ├ index.tsx
 | |   └ styles.ts
 | ├ Footer
 | |   ├ index.tsx
 | |   └ styles.ts
 | ├ Form
 | |   ├ index.tsx
 | |   └ styles.ts
 | ├ Header
 | |   ├ index.tsx
 | |   └ styles.ts
 | ├ PrincipalCard
 | |   ├ index.tsx
 | |   └ styles.ts
 ├ Page
 | ├ index.tsx
 | └ styles.ts
 ├ Styles
 | └ GlobalStyles.ts
 ├ App.tsx
 ├ index.tsx
 └ reactapp-env.d.ts