This is a WordPress theme built with TailwindCSS and Composer support. The theme utilizes the WordPress block editor to create the layout, and makes use of the following technologies:
- TailwindCSS
- PHP 7+
-
Advanced Custom Fields (ACF)(not used) -
WordPress Command Line Interface (WP CLI)(not used) - Webpack
- ES6/Typescript
- Composer
- Gutenberg block for first section
- Object-oriented code
-
Automated tests(not used)
- install the theme by uploading the theme to your WordPress installation. open a terminal and navigate to the theme folder and run the following commands:
composer install
npm install
npm run build- activate the theme
- Import xml data to wordpress using WP Dashboard > Tools > Import or WP_CLI.
- Done :)
- I decided to not use ACF and WP CLI because I think they are not necessary for this project. also I didn't use automated tests because there is no need for them in this project.
- I decided to not using Sage starter theme because I wanted to show my skills in building a theme from scratch. I'm familiar with Sage starter theme and I used it in my previous projects.
- This test assignment is not fully responsive. I didn't have enough time to make it responsive. I'm sorry for that.
- I was very busy in the last week because it was the last days of my cooperation with the previous company. The development of this format took much less time and its details are given below.
I'm using clockify to track my time. I'm sharing it here just in case you want to see it.
| Description | Time (h) |
|---|---|
| Setuo Local Dev Environment | 00:05:20 |
| Add Course Filter Section | 01:32:59 |
| Create Starter Theme and Base classes | 02:32:47 |
| Writing README | 00:22:51 |
| Create Homepage HTML | 01:52:01 |
| Quote With Image Block Block | 01:10:12 |
| Quote With Image HTML | 00:23:50 |
Total Time: 07:49:05 😁