ilya-maker/testtaskdt

test task for DevelopsToday

DEMO LINK

How to run this project

1. Clone this repository.
2. Open the project folder "testTaskDT" in your editor/IDE.
3. Run the command in your terminal npm install or yarn install
4. Run the command in your terminal npm run dev or yarn dev
5. Open in your Browser http://localhost:3000

Implemented Features:

1. Adding comments to the post.
2. Removing a post from the list, and from the post page.
3. Change post data from the list, and from the post page.
4. Adding a new post.
5. View the last 10 posts.
6. View all posts.

Used technologies

1. TypeScript
2. React
3. Redux
4. Next.js (SSR)
5. Styled Components
6. Axios

Task description

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.