Welcome to the official repository for the Webix v1.0 Web Designing Challenge! 🎨💻
This challenge is part of the Webix v1.0: From Web Designing to Web Development workshop by Grovix Lab. Participants are tasked with designing and developing a website for the Grovix Community.
The winner will receive an exclusive Grovix Lab T-shirt and a certificate of achievement! 🏆
Your challenge is to create a static web client using HTML, CSS, and JavaScript that represents the Grovix Community. The website should be visually appealing, user-friendly, and responsive. You can include subtle self-promotional items, like credits ("Designed by [Your Name]"), in the design.
- Self-Promotion: Feel free to add your personal branding, like "Designed by [Your Name]," within the website design.
- Design: The design should be modern, responsive, and intuitive.
- Originality: All content must be original. You can’t use pre-built templates.
- Tech Stack: Only HTML, CSS, and JavaScript are allowed. No frameworks (such as Bootstrap, Tailwind, or React) should be used.
- Your project should contain:
- HTML file (placed in the root directory).
src
folder containing CSS, JavaScript, and img files.
- A README.md file explaining your design choices and any self-promotional elements.
- Submit the repository link via the designated platform.
- Creativity: Unique and innovative design concepts.
- Design: Visual appeal and attention to detail.
- Responsiveness: The website should work across multiple devices (mobile, tablet, desktop).
- Code Quality: Well-structured, clean, and commented code.
- Winner: Grovix Lab T-shirt & Certificate of Achievement 🏅
- Top Participants: Certificate of Participation 🎉
-
Clone the repository:
git clone https://github.com/<your-username>/<repo-name>.git
-
Navigate to the project directory:
cd <repo-name>
-
Open
index.html
in your browser to view the website:open index.html
-
Edit the HTML, CSS, and JavaScript files to implement your design.
📁 project-root
├── 📁 src
│ ├── 📁 img # Store your images here
│ ├── 📄 styles.css # Your main CSS file
│ └── 📄 script.js # Your JavaScript file (if applicable)
└── 📄 index.html # Your main HTML file
- Once you have completed your design, push the code to a public GitHub repository.
- Submit the GitHub repository link via the provided platform.
This project is licensed under the MIT License. See the LICENSE file for details.
Best of luck!
For any questions or clarifications, feel free to reach out to us at [email protected].