This project is maintained by mherman22
This documentation has been hosted at https://mherman22.github.io/customer/
Find the backend repository at https://github.com/mherman22/customer
Find the frontend repository at https://github.com/mherman22/feedback
This webapp has been created with the sole aim of collecting the Name
Email address,Customer feedback and the GPS location of the respondent
.
To achieve the above, i have used Reactjs for the frontEnd and Java’s Spring framework to comeup with the restful backend of the webapp.
To interract with the webapp, visit https://mherman22.github.io/feedback/#/landingpage to have a view of the frontend which i deployed using github pages.
However, to carryout CRUD operations on the web app, please clone the backend service using git clone https://github.com/mherman22/customer
and setup mysql
and then cd into the project folder by doing cd customer
and then trigger mvn spring-boot:run
which will run the server onto which the restful service can be accessed.
With the above step done, you can now go back to the web app and interract with it by;
CustomerPage Screenshot | LandingPage Screenshot |
---|---|
For further reference, please consider the following sections:
The following guides illustrate how to use some features concretely:
Make sure you have java installed on your machine.
For Windows platform/machine, do the following;- Download and install java 8. Set environment variable path (JAVA_HOME). Test to see if java has been installed. java -version.
Make sure your IDE has Lombok configured in it, if not do the following;-
git checkout -b branch-name
.
commit your changes to your branch using git add .
and git commit -m "commit message"
.git pull origin branch-name
git push origin branch-name
.This is the frontend (ui) for the Customer Feedback App
It was bootstrapped with Create React App. I have not used any library in this project (yet).
Find the deployment at https://mherman22.github.io/feedback/#/landingpage
git clone https://github.com/mherman22/feedback
.feedback
npm install
to install the dependencies.npm start
."start": "set PORT=portNumberOfYourChoice && react-scripts start"
."start": "PORT=portNumberOfYourChoice react-scripts start"
or "start": "export PORT=portNumberOfYourChoice react-scripts start"
git clone https://github.com/mherman22/feedback
.git checkout -b branch-name
.git add .
and git commit -m "commit message"
.git pull origin branch-name
git push origin branch-name
.npm start
: It runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
npm test
: It launches the test runner in the interactive watch mode.
See the section about running tests for more information.
npm run build
: It builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
To learn more about React, explore the following links;-
npm run build
fails to minify: This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify.