- Clone this repository.
- Open the project folder "testTaskDT" in your editor/IDE.
- Run the command in your terminal
npm install
oryarn install
- Run the command in your terminal
npm run dev
oryarn dev
- Open in your Browser http://localhost:3000
- Adding comments to the post.
- Removing a post from the list, and from the post page.
- Change post data from the list, and from the post page.
- Adding a new post.
- View the last 10 posts.
- View all posts.
- TypeScript
- React
- Redux
- Next.js (SSR)
- Styled Components
- Axios
Functional requirements
- The blog should have Latest Posts page (
/
route) - The blog should have Post page (
/posts/:postId
route) - The blog should have Create Post page (
/posts/new
route) - User should be able to create a new post
Tech requirements
- Code should be written with TypeScript
- ESLint and Prettier setup for code linting
- We want to support SSR in our application. As the most simple solution, use Next.js because it supports SSR out of the box
- User interface should be built with styled-components
- Make sure to use React hooks everywhere instead of class-based components
- Redux as data layer with any middlewares set you to prefer
- The project should have clear README with steps to run it
- Network request handled with axios
- Use functional programming if you are know-how. Ramda.js or lodash/fp is plus to your score
- Deploy the app to any free hosting for review. This item is optional, but nice to have :)
API
To persist data and work with real API, we're going to use simple Node.js API created in a few minutes. API hosted in the cloud and you can query it from anywhere. API endpoints documentation: https://documenter.getpostman.com/view/1917440/RzteTChV
Design
The design is up to you. Simple, minimalistic and clean would be nice. As a general example check Ghost standard UI.