Giter Club home page Giter Club logo

igniteteams's Introduction

Ignite Teams Logo

Ignite Teams

I developed the Ignite Teams project in React Native, where the creation of classes was developed and within them the creation of teams where people can be placed within each team.

🧭 Table of contents

πŸŽ₯ Implementation Video

Project.Ignite.Teams.mp4

🎨 Layout

Layout developed by Rodrigo Gonçalves and Millena Kupsinskü Martins

Layout in Figma

πŸ‘ Learning and more Implementations

  • I learned and implemented tweaks in import paths, decreasing the size with aliases configured in Babel and tsConfig.
  • I learned and implemented the creation of a default and configured theme in Styled Components.
  • I learned about how route navigation works in react native navigation and implemented Stack Navigator type routes.
  • I learned how to save local data on the cell phone and implemented the functionalities in the storage folder.
  • I implemented the screen to create teams and configured it to adjust when adding people, being able to exclude the team.

πŸ’‘ Technologies Used

πŸ“‚ Folder Structure

app
.
β”œβ”€β”€ assets                      # Images for expo
β”œβ”€β”€ src                         # Source files
β”‚   β”œβ”€β”€ @types                  # Contains all global definitions of types and interfaces
β”‚   β”œβ”€β”€ assets                  # Contains Js bundles assets. e.g: icons, splash, images etc...
β”‚   β”œβ”€β”€ components              # Contains all global react components
β”‚   β”œβ”€β”€ routes                  # Contains application routes
β”‚   β”œβ”€β”€ screens                 # Contains application screens
β”‚   β”œβ”€β”€ storage                 # Contains saving data in locations.
β”‚   β”œβ”€β”€ theme                   # Contains the theme of the application
β”‚   β”œβ”€β”€ utils                   # Contains useful classes and functions
.
.
β”œβ”€β”€ App.tsx                     # Bundle entry
.
.
└── README.md

πŸš€ Running the Project

Mobile

Clone the project

  git clone https://github.com/VagnerNerves/igniteteams.git

Enter the project directory

  cd igniteteams

Install with dependencies

  npm i

Start the server

  npx expo start

🌎 License

This project is under the MIT license. See the LICENSE file for more details.

βœ’ Author

Author Vagner Nerves

Vagner Nerves

Made with love and hate πŸ˜…, get in touch!

Linkedin Badge Gmail Badge GitHub Badge

igniteteams's People

Contributors

vagnernerves avatar

Watchers

 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.