Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/4kauanmota/compass_plantparadise-app


https://github.com/4kauanmota/compass_plantparadise-app

axios firebase-auth react react-native typesc zustand

Last synced: 22 days ago
JSON representation

Awesome Lists containing this project

README

        

![Project Stars](https://img.shields.io/github/stars/4kauanmota/compass_plantParadise-APP?color=1e90ff) ![Project Commits Week](https://img.shields.io/github/commit-activity/w/4kauanmota/compass_plantParadise-APP?color=1e90ff)

# 📄 **Informations**

**This project was made by me for a [Compass UOL](https://compass.uol/en/home/) challenge, the topic is about create a plant store project.**

---

# ✨ **Features**

- Global state manager
- User
- Favorite plants
- Cart
- Authentication
- With email and password
- Profile management
- Username
- Image
- Purchases
- Api fetch
- FeedBack pop-ups
- Animated icons

---

# 💻 **Technologies**

- [TYPESCRIPT](https://www.typescriptlang.org/)
- [NPM](https://www.npmjs.com/)
- [REACT NATIVE](https://reactnative.dev/)
- [REACT](https://react.dev/)
- [ZUSTAND](https://zustand-demo.pmnd.rs/)
- [FIREBASE](https://firebase.google.com/?hl=pt)
- [EXPO](https://expo.dev/)
- [VISUAL STUDIO CODE](https://code.visualstudio.com/)
- [AXIOS](https://axios-http.com)

---

# ⚙️ **How to run**

### Requirements

- [GIT](https://git-scm.com/)
- [NODE.JS](https://nodejs.org/en)
- [EXPO](https://expo.dev/client) or [ANDROID STUDIO](https://developer.android.com/studio)

### Codes

- `git clone https://github.com/4kauanmota/compass_plantParadise-APP.git .`
- `npm install`
- `npm run start`


### Cloning project

First you will need to open the terminal in the folder where you want to clone this project, and then, you paste this code

```
git clone https://github.com/4kauanmota/compass_plantParadise-APP.git .
```

### Installing dependencies

In the project folder terminal you should enter

```
npm install
```

to install project depedencies

### Running project

To run the project you just need to enter

```
npm run start
```

Then you can open the project using [EXPO GO](https://expo.dev/client) app to read the qr code, or you can configure [ANDROID STUDIO](https://developer.android.com/studio) to test the project in an emulator :)

---

# 👀 **Preview**

### Mobile

You can see all project screens by clicking [HERE](https://imgur.com/a/h71mDBV)


_PS: I uploaded all the videos to imgur because there were too many for me to put as a gif here_

---

# 📝 **Author**

[Kauan Soares Mota](https://github.com/4kauanmota)