A demo application and learning experience for use with other cloud based projects.
Placeholder is a small but functional application that drives home ReactJS concepts to put together User Interfaces to pair up with back end projects.
- Its criteria are :
- Fully responsive UI. From mobile to desktop
- Component tree based architecture
- Resuable components
- Props
- State
- Bootstrap 5.1 for CSS
An Asynchronous GET request is initiated in App.JS to obtain user information for User #3 located at https://jsonplaceholder.typicode.com/users/3 Using user #3 from the API simulates already logging in and using the User in Reacts Context. The JSON obtained is parsed and set in the applications State. Information in State is used as a Prop and passed down to every component in the tree (except Spinner - which is used for UX).
This a screegrab of the Posts page for user #3. Clicking on any row in the list will generate a toast message displaying the title of the row clicked to display basic functionality.
Clone the repository cd into the directory and then npm start. Should run on localhost:3000
If you don't have node installed, a Docker image is publicly available on dockerhub: jhart87/jsonplaceholder:latest
- 1.0.0
- Initial Release
- If you feel like contributing please submit any pull requests on the master branch.