- A user should be able to add a ticket to Zendesk through the SPA. Use Auth0 for user authentication, react/redux, and a server for submitting and receiving info.
This application uses Node.js, NPM, & Webpack
Set up accounts and tokens with Zendesk & Auth0
then install package.json:
$ npm install
Compile JS
$ webpack
Start server:
$ node server.js
Open web browser and type localhost:3000
Voila!
- Node, Express, React, Webpack, Redux
- JavaScript/jQuery
- Front-End Framework: Auth0 Bootstrap
- Dillinger for realtime README display
- Obtained assignment
- Brainstormed plan for what goals I wanted to accomplish and thought about what problems I would run into
- Started README to document the process
- Created initial React app running on server
- Fought with react-router for far too long
- Was able to trigger Auth0, but was unable to incorporate it without errors. Marked it all out!
- Attempted redux, had trouble with various docs/versions
- Tackled the react-router/file issues
- Posting and getting from Zendesk API!
- Removed old styling and added Auth0 Bootstrap
- Moved app & server over to create-react-app and was able to get auth0 to work!
- Last step is to incorporate Redux. Luckily I saved myself plenty of time to tackle errors and challenges ahead.
- Today I spent time getting a clean workspace ready to go and opened all docs that I will need for the remaining days.
- I was able to send ticket submissions by utilizing redux
- UI updates to enhance experience
- I was up quite early excited about finishing the app today. I was able to send data to store in one compoenent and render to html in another. Technically, since it was a child component, it would have been easier just pass down state to props, but I wanted to demonstrate utilizing props from the global redux store.
- After some expected slow downs with deployment due to that fiesty bundle.js and forgetting to add config vars to heroku, the app is deployed and live here! https://zendeskreactredux
- Created an SPA with React/Node/Express/Redux utilzing the Zendesk API
- Utilized the global store instead of passing state between components
- Secured all routes
- Designed a simple UI that is user friendly
- Bonus: I've gotten really good at submitting tickets
- Further testing: There appears to be a bug where a ticket is sometimes duplicated, however, it's not easy to replicate this bug so I could not identify the source.
- Refactor rendering of global store data with best practices - I had to take my best guess at times!
- Web Designer to review and give suggestions on how to improve UI
Thanks to the Auth0 team for the opportunity to create this app and for steering me in the right direction!