- Clone the repository
git clone https://github.com/SeiAlek/test-tasks__dt.git
- Go into project folder
cd test-task__dt
- Run
npm install
- Run
npm run dev
- Open in your Browser
http://localhost:3000
- React + Next.js (SSR)
- Redux
- TypeScript
- Styled Components
- Axios
Hey, let's build a simple blog.
We will start with a simple MVP. It will have Posts and Comments features.
-
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
-
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 :)
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
The design is up to you. Simple, minimalistic and clean would be nice. As a general example check Ghost standard UI.