https://github.com/codeinwp/wp-dev-intenship-test

https://github.com/codeinwp/wp-dev-intenship-test

Last synced: 9 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/codeinwp/wp-dev-intenship-test
• Owner: Codeinwp
• Created: 2022-06-20T16:13:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-06-20T17:07:21.000Z (over 3 years ago)
• Last Synced: 2025-03-02T08:38:51.532Z (about 1 year ago)
• Size: 1.89 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## 2022 ThemeIsle WordPress developer internship test 

![ThemeIsle WP internship](https://img.shields.io/badge/ThemeIsle-WP--dev%20Internship-red?style=flat-square&link=https://themeisle.com)

![Use React](https://img.shields.io/badge/React-181717?style=flat-square&logo=react)

![Use JS](https://img.shields.io/badge/JavaScript-181717?style=flat-square&logo=javascript)

![Use CSS](https://img.shields.io/badge/CSS/SCSS-181717?style=flat-square&logo=css3)

![Use GitHub](https://img.shields.io/badge/GitHub-181717?style=flat-square&logo=github)

![Use WordPress](https://img.shields.io/badge/WordPress-181717?style=flat-square&logo=WordPress)

### Instructions:

- You will build a simple Gutenberg block that displays a selected post;

- In backend you will have a select / text input where you will introduce the id of the post that you want to display;

- On frontend, the block will show the thumbnail, the title, the post meta ( author, category, posted date ) and the excerpt of the post;

- We need to see that you know your way around CSS so just fetching the data and displaying it in frontend wouldn't be enough.

- You can write your stylesheet in either plain CSS, or SCSS - bonus points for using SCSS;

- You should make sure the style is responsive and works fine on mobile screens;

- In this repository you will find an attached image as an example of how the front-end should look like;

- You can get as creative as you want to;

---

### Submitting:

- This task should not take you more than 2 hours to implement;

- Create your own repository and add your code there;

- When you are done, send us a link to the repository where you added your solution, so we can check it out;

- If you get stuck at some point, send what you did up to that point, and we will look at it;

Good luck!