Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/luismda/ignite-teams

This project is a React Native app for managing groups, teams and players.
https://github.com/luismda/ignite-teams

expo reactnative reactnavigation styled-components typescript

Last synced: 1 day ago
JSON representation

This project is a React Native app for managing groups, teams and players.

Awesome Lists containing this project

README

        

# Ignite Teams








---

## About

This project is an application to create groups, being able to add people divided into teams, with the main objective of **organizing teams** to play with your friends, family or co-workers, for example. With this application it is possible to **create and remove groups**, as well as **add and remove players** from the team.

The project was developed using these technologies:
- TypeScript
- React Native
- Expo Managed Workflow
- Styled Components
- React Navigation
- Async Storage (*used to local storage of groups and players*)

Also, this project was developed in the React Native training of the [**Rocketseat**](https://github.com/rocketseat-education) **Ignite** course. The main purpose of this app was to practice **styling, navigation and local storage**, as well as some **React Hooks** and techniques, and good coding practices.

[**Access the project layout in Figma**](https://www.figma.com/community/file/1151864427495057381)

## Instructions

- Requirements:
- [Node.js LTS](https://nodejs.org/en)

1. Clone the repository:

```sh
git clone https://github.com/luismda/ignite-teams.git
```

2. Install the dependencies:

```sh
npm i
```

3. Run app:

```sh
npm start
```

4. To preview the app, you can use Expo Go on your physical device or use an Android or iPhone emulator on your computer. See some more details in the [**React Native**](https://reactnative.dev/docs/environment-setup?guide=quickstart) and [**Expo**](https://docs.expo.dev/get-started/expo-go/) documentation.

## Created by

Luís Miguel | [**LinkedIn**](https://www.linkedin.com/in/luis-miguel-dutra-alves/)

##

**#NeverStopLearning 🚀**