KwickerHub / WebCraftifyAI

The repository for the ACES software aid frontend. Making it easier to develop and build content on the internet.
https://roynek.com/kwickerhub/WebCraftifyAI/
MIT License
92 stars 387 forks source link

grid Creator - Web design #311

Open NtemKenyor opened 1 year ago

NtemKenyor commented 1 year ago

https://images01.nicepagecdn.com/page/55/16/html-template-5516341.jpg Design a grid like the above image

Create a file "grid_NUMby(YourName).html" in the modules/grid folder.

Use simple HTML and CSS and JAVASCRIPT to create the grid animation. You can use the interface development https://kwickerhub.com/ (This project) or you can write the lines of code yourself.

Step by Step Guide.

Fork this project(Use the 'fork' button in the top right corner) and Clone your Fork. git clone https://github.com/YOUR_USERNAME/frontend

Open your code Editor and Create a file "grid_NUM_YOURNAME.html" in the "modules/grid" folder of this project you just cloned. No need to create head, title and body tags, Just Add a div tag with some embedded style(i.e use the style tag) and the script tag where necessary.

If you want to add an image resource, please add it in the folder •• "modules/grid/images_and_icons" We recommend you use an svg for your image/icon.

Push your Code: You need to push your recent changes back to the cloud. Use the command below in the main directory of this Repository

git push origin dev

or use a GUI tool to avoid mistakes or complexity. LOL.

Then make you Pull Request...

Below is a example of the code structure we need:

'''

'''

For more examples: modules->buttons modules->cards for examples of contributions or Pull request accepted in to the project.

And please do not wait for this issue to be assigned to you as we have limited hands but have a lot to do/cover. Please send in your PR.

Good-luck.

sabbellasri commented 11 months ago

I would like to work on this issue