CODE LEAP ENGINEERING TEST

A simple CRUD application builded with React and TypeScript

Realtime • Proposal • Tools • Author

Proposal

• The application must have CRUD functionalities; Create Posts, Read Posts, Update Posts and Delete Posts.
• Must be redirected to the "end consumer" and not to other developers, so usability and communicability are very important.
• Achieve the task with the best logic possible.
• Redux is necessary, and the initial folder structure should be:

• /components for custom stuff

• /actions for dispatched actions and NETWORK requests

• /redux for the reducers and store

• /pages where the actual page content will be

• Hooks (React Functional Components) instead of classes.
• Must have Signup and Main pages, with two modals. (One to delete, and the other to update posts)
• Can use any tools available.
• Follow the Figma Scheme.

Tools

This application uses the following open-source packages:

Core ones.

• React (Main "framework")
• TypeScript (Strongly typed programming language that builds on JavaScript)
• Redux (Creates a global state to application)

Stylization.

• Styled Components (CSS in JS / TS styling)
• Framer Motion (Animation framework)

API CRUD and data treatment.

• Axios (API requests and CRUD functionalities)
• Moment.js (DateTime converter)

Code formatter, and other environment development tools.

• ESLint (Javascript linter)
• Prettier (Opinionated code formatter)
• Figma Scheme (Application prototype)

Author

made by niloodev | Ezequiel Nilo

ANY TIPS OR FEEDBACK IS HIGHLY APPRECIATED! 🐸