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
- 🎨 Layout
- 👏 Learning and more Implementations
- 💡 Technologies Used
- 📂 Folder Structure
- 🚀 Running the Project
- 🌎 License
- ✒ Author
Project.Ignite.Teams.mp4
Layout developed by Rodrigo Gonçalves and Millena Kupsinskü Martins
- 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.
- Expo
- React Native
version: "0.70.5" - TypeScript
- Phosphor Icons
- Styled Components
- SafeAreaContext
- React Navigation
- AsyncStorage
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
Clone the project
git clone https://github.com/VagnerNerves/igniteteams.gitEnter the project directory
cd igniteteamsInstall with dependencies
npm iStart the server
npx expo startThis project is under the MIT license. See the LICENSE file for more details.
Made with love and hate 😅, get in touch!
