Next.js, React, Tailwind CSS, React-Spring, React Testing Library Sortable List With Time Travel

0 . Linked-in post on what I learnt doing this Project

1 . Displays the first 5 posts from Json Placeholder

2 . The order of these posts can be changed by clicking on the up/down arrow keys.

3 . Each ordering action taken is listed in the panel on the right.

4 . A user can time travel to a previous state by clicking on the time travel button.

5 . Styling with Tailwind.

6 . Testing with React Testing Library and Jest.

7 . Powered by Next.js

Deployed on Netlify Here.

Technologies

• Next.js
• React
• Tailwind CSS
• React-Spring
• React Testing Library
• Jest
• Json Placeholder API

Installation & Usage

clone, install dependencies, run tests, run in dev

git clone https://github.com/machariamuguku/nextjs-react-tailwind-testing-library-sortable-list-with-time-travel

cd nextjs-react-tailwind-testing-library-sortable-list-with-time-travel

yarn #Install dependencies

yarn test # Run Tests

yarn dev #Run the app locally on the browser

License

MIT