VagnerNerves / igniteteams

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.

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!