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

• 🧭 Table of contents
• 🎥 Implementation Video
• 🎨 Layout
• 👏 Learning and more Implementations
• 💡 Technologies Used
• 📂 Folder Structure
• 🚀 Running the Project
  • Mobile
• 🌎 License
• ✒ Author

🎥 Implementation Video

Project.Ignite.Teams.mp4

🎨 Layout

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

👏 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

• Expo
• React Native version: "0.70.5"
• TypeScript
• Phosphor Icons
• Styled Components
• SafeAreaContext
• React Navigation
• AsyncStorage

📂 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

Vagner Nerves

Made with love and hate 😅, get in touch!