Skip to content

CodesManiac/shipbubble

Repository files navigation

Shipbubble Assessment

This is a Frontend application that fetches data from JsonPlaceholder. This project is built with NextJS, [TypeScript], Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.

How to use

Clone the repository, run [yarn](to install dependencies) and run [yarn dev] to start the application

Deployment

The application is deployed on Vercel shippbubble

Implementation Process

  1. Bootstrap application with create next app
  2. Setup Layout
  3. Update Readme
  4. Add known configuration(redux)
  5. Add redux configuration
  6. Add header
  7. Add Sidebar
  8. Enable content toggling
  9. Add Posts, users, post and user components
  10. Fetched data from jsonplaceholder, save data to redux state and displayed users data
  11. Display user's posts and all posts
  12. Add Pagination
  13. Add Post comments
  14. Handled Exceptions
  15. Implement delete post functionality
  16. Implement user search functionality
  17. Made application mobile responsive
  18. Improve delete functionality
  19. Improved user experience