Skip to content

arauzkj/BlogsUNA

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Development Project

Introduction

This repository contains the collaborative work of a group of three students who were tasked with creating a prototype for a blog website using HTML5, CSS3, design tools, and artificial intelligence.

Project Overview

  • Color Scheme:

    • Primary Color: [Specify Color]
    • Secondary Color: [Specify Color]
    • Light or Dark Theme: [Claro/Uscuro]
  • Product or Service:

    • [Specify the product or service your website is about]
  • Type of Page:

    • Blogs

Tools Used

  1. Editor of Text:

  2. Web Browser:

  3. Design Tools:

  4. Artificial Intelligence:

Project Steps

1. AI Image Generation

  • Utilized BlueWillow via Discord to generate AI-driven images for the design.
  • Modified prompts from Lexica Art to tailor the images.
  • Generated three possible designs, including a landing page and a subscription/authentication form.

2. Figma Prototyping

  • Created a refined prototype using Figma with finalized texts and AI-generated images.

3. HTML and CSS Best Practices

  • Utilized ChatGPT to define best practices for HTML and CSS based on the provided guide and proactive internet research.
  • Documented findings in Notion for group discussion and the creation of a unified guide for the course.

4. GitHub Repository

  • Set up a GitHub repository for collaborative web development.
  • Worked on the development of two web pages, following HTML and CSS standards and incorporating best practices.

5. Documentation

  • Documented the entire process on Notion, including screenshots and interesting code snippets.
  • Prepared for a group presentation to share insights and provide feedback on each other's work.

Group Presentation

The group is ready to present the work to peers, showcasing the design, code, and lessons learned during the project.


Note: Please replace the placeholder values (e.g., [Specify Color], [Claro/Uscuro]) with actual details from your project.

Contact 📞

If you have any questions, suggestions or comments about this project, you can contact us through the following means:

About

Collaborative web project integrating AI-generated designs, Figma prototyping, and HTML/CSS best practices. Emphasis on creativity, user interaction, and group presentation for a dynamic learning experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors