ViniciusResende / PlantManager

🌴 An Application visioning help pepople who wants to manage their own plants 🌴

🌱 Plant Manager 🚀 | | Concluded 🌱

About   |    Layout   |    Lauching the project   |    Technologies   |    Developer    |    Acknowledgment

🔎 About the project:

🌳 Plant Manager - Is an application that allows the user to use a platform that will provide a bunch of different plant types, and with the API information, will give tips for the user about the plant and will remember to the user about watering time.

🚀 The project was developed with the main purpose of became the project developed in the Next Level Week 5 event, be a good experience with React Native and Typescript, an also a great oportunity to increment the main aplication putting some new concepts in practice.

📈 The project was an essential opportunity to develop skills with React Native, TypeScript.

📱 Layout of the Application:

Initial Screens:

Add and manage plants screen:

Light mode and Filter:

📳 Notification:

Plant Reminder:

🚀 Launching the project:

The application only has a mobile part:

💡 But, there is a JSON file that has some data that are required to run the application, you will need to run it with json-server, you will need to put you ip adress in the server script in the package.json file.

Pre requirements

Before start, you should need have installed in your computer those following tools:

Git
Node.js(For package management)

Adding, you must have an ambient to run mobile applications, you can choose the Expo for that:

Expo

It is also recommended a good code editor, for example:

VSCode

🖥️ Starting the Aplication (FullStack):

# Clone this Repository
$ git clone https://github.com/ViniciusResende/PlantManager.git

# Enter the poject folder in the Terminal
$ cd PlantManager

#  Install all the dependencies
$ npm install
 or
$ yarn install

# Execute the server file ith the command
$ yarn server
 or
$ npm run server

# Execute the appliction with this command
$ yarn start
 or
$ npm start

# The application will start in the port:3000 and the backend on the port:3333

---

👨‍💻 Used Technologies:

Those following tools were used in the project development:

Frontend (React Native + TypeScript)

• axios
• date-fns
• expo
• expo-app-loading
• expo-font
• expo-notifications
• expo-status-bar
• lottie-react-native
• react-native-svg
• react-native-web

🙋‍♂️ Developer

Vinícius Alves

🏆 Acknowledgment

Course ministered by: Rogrigo Gonçalves