Giter Club home page Giter Club logo

fullstack-dev-test's Introduction

Smash Fullstack dev case

The fullstack developer case for Smash admission process.

Estimated time to complete: 30min

What i'll build?

  1. Firebase Firestore collections and docs
  2. A little piece of nodejs code to import/create data into firestore
  3. Flutter app to read and display thoose data

Context

This test aims to assess the candidate's affinity with the main technologies used in the Smash Stack. For this we present a simple case to show a list of countries and their respective cities. Creating a first screen with the list of countries and a second screen with the list of cities, and navigating between them. Follow below an Wireframe Sketch.

alt UX Diagram

Firebase Firestore

in this topic, knowledge of noSQL/Firestore structure and affinity with these services will be evaluated

  • Create new firebase project [https://firebase.google.com/]
  • Design and organize the data [data/world-cities.csv] into firestore collection & docs

NodeJS

Connection with Firebase Admin SDK is important for building backend functions, this topic will evaluate the ability to create and manipulate data using Firestore Admin SDK

  • Create an script to import/create data [data/world-cities.csv] into your firestore collections from the previous topic

Flutter

Show all your creativity! In this topic, the ability to structure screens and connect them with data in the backend will be evaluated. Feel free to create!

  • Create a new project with your favorite platform (Android, iOS or Web)
  • Follow the UX Diagrams to create the screens
  • Connect with Firebase Firestore collections built in the previous topics
  • Display the data and create navigation between them

Git

Its time to finish!

  • Create a repository for your project or a fork
  • Send us your repository link

Issues and Questions

feel free to open issues with your questions and suggestions

fullstack-dev-test's People

Contributors

cubissimo avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.