This app is a simple social media app to broswer blogs.
Ryo MukaiTubo, Vietnam
- Create a bare React.js project named ‘TestProject’
- Rename the app name to “Cloudprimero Test”
- Setup the libraries for icons and router for navigation.
- The first screen will be a form that will be rendered dynamically based on the data provided in form-data.json file. The required fields are mandatory to be filled. Any validation error should be shown using a Toast or any type of Warning. The form data should be handled using state and will be stored in redux once the user fills the form and presses the Submit button.
- Once the user submits the form, his data should be persisted and he should not be shown the form when he launches the app next time.
- After successfully submitting the form, the user will be redirected to the next page i.e. Home page.
- An api will be hit on the Home screen to get the list of posts and the posts will be rendered using a simple UI. The button at the bottom will redirect the user to ‘Add post page’.
- The Add Post screen will have a simple form to take input from the user and after submitting, the post will be added to the list of posts on the Home screen.
- Use Product-Sans/Poppins as font and #442445 as primary color.
- Use https://jsonplaceholder.typicode.com/ for apis.
Install my-project with npm
npm install
npm start