Link to deployed app on heroku: https://propagatorz-plant-help.herokuapp.com/
- Motivation and Code Overview
- Technologies Used
- User Story
- Instructions to Run App
- Screenshot
- Contact Info/Maintainers
- Credits
Propagatorz is a "plant help line" web application that allows users to share photos and notes regarding thier house plants.
Users will need to login or sign up first in order to start taking part in the discussions. Feel free to login with: betty@email.com and password: password. We're in the process of migrating the site to a faster host, but once accessed, the Single Page Application is very fast thanks to React.
The app is organized in typical React fashion with a client folder and server folder. The server holds the db configuration, db models, schemas and utilities that support the models. The client folder holds all of the function components and page components as well as the build folder that uses webpack to minify and serve the React assets. The client side also has all of the mongoose and graphql queries/mutations/actions/reducers that are ran inside the components.
- React
- CSS Framework
- Mui
- Node
- Express
- Bcrypt
- MongoDB
- Mongoose
- GraphQL
- Apollo Server
- Cloudinary
- Nodemon
- Day.js
- JSON Web Tokens (JWT)
As an owner of beautiful plant babies, I want to network with other greenthumbs to get plant advice and show off my successes on a social media site so that all the fruits of my labors and pictures of my plants are all in one place.
- As a user I want to be able to upload a photo of my plant along with some other information describing the problem.
- As a user I want other users to be able to comment on my post to give me feedback on what the problem might be (i.e. over-watering).
- As a user I want to be able to see other user’s posts and leave my own comments.
- As a user I want to be able to log into my account so that I can create a new post and then filter all the posts so I can just see just my own posts.
- As a user I want to be able to update my posts.
- Enter the following command in your terminal to clone the repository
git clone https://github.com/alinz07/Propagatorz.git
- Ensure you have Node.js installed on your machine. https://nodejs.org/en/download/
- All NPM packages required for this application are already listed as dependencies in the root, src and client directories' package.json file. cd into each directory (root, src, client) and run the command 'npm i' in your terminal to install the packages.
cd <dirname>
npm i
- To run the application in the dev environment, enter the following command in the root directory
npm run develop
This will start the GraphQL middleware on port 3000 and the React front end on port 3001 using the concurrently package. your front end should automatically open in your default browser upon running the develop command.
