Jibe7 / HTML-CSS-Learning-Project

Using HTML & CSS to create static web pages.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTML / CSS Learning Project

Project Motivation

  • I would love to create web apps.
  • To become better with HTML/CSS by reproducing websites.

Project Goals

  • The first model is inspired from a eco-responsible clothes brand.
  • The second model is inspired from a LLM webchat application.
  • The 3rd should be a good looking "form page" where a user can register or decide to login instead.

Project Requirements

Functional requirements :

  • Good looking.
  • Would be good to understand the different ways of sending form data to a backend even if it is not implemented.

Technical requirements :

  • Use grid and flexbox.
  • Responsive Design.
  • Using Git during the whole project, committing to a GitHub repository.

Planning

Start of the projet : 11/04/2024 End : 20/04/2024

Result

Model 1

Model 2

Model 3

Bonus For Getting Data Using an API

A technical test I made using HTML/CSS/TS, this fit well in this HTML-CSS learning project

I think this project was a success:

  • I find it good looking enough
  • I understood how we can send data with XMLHttpRequest or using fetch
  • I used grid and flexbox
  • Two of the models were responsive
  • I used Git&Github during the whole project.

I still have a lot to learn to improve my current HTML/CSS skills but this is already a good start. Further learning may include accessibility, CSS variables, animations ... or libraries & frameworks such as React, Vue, Angular, Tailwind, Bootstrap...

About

Using HTML & CSS to create static web pages.


Languages

Language:HTML 58.9%Language:CSS 41.1%