Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Sawan108/html-css-javaScript-projects

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
2 Commits
 
 

Repository files navigation

🧩 Simple Frontend Projects Collection

This repository contains a collection of my beginner-to-intermediate level web projects built using HTML, CSS, and JavaScript. Each project focuses on practicing different frontend skills such as layout, UI components, user interaction, and logic.


📁 Projects Overview

A clean clothing store layout built with HTML & CSS.

  • Product grid
  • Hover effects
  • Responsive design

Practice layout using traditional CSS float and clear.

  • Side-by-side layout
  • Pre-Flexbox era technique

A basic admin dashboard layout using HTML & CSS.

  • Cards, charts placeholders
  • Clean responsive design

A personal portfolio built for Ragab Mohammed.

  • About, Projects, Contact sections

My personal landing page as a web developer.

  • Hero, skills, and contact form
  • Built using only HTML + CSS

My very first practice project using raw HTML & CSS.

  • Basic layout, links, and structure

🧮 JavaScript Interactive Projects

Enter your birthdate and get your age in years, months, and days.

  • Built with JavaScript date manipulation

🟡 8. Calculator

A working calculator with basic math operations.

  • Supports +, –, ×, ÷
  • Keyboard support

🟡 9. Weather App

Enter a city name to get current weather.

  • Fetches data from weather API
  • Displays temperature, humidity, and conditions

Classic XO game with reset and winner detection.

  • Two player game logic
  • Win/draw detection

A simple UI clone of the Amazon homepage using HTML, CSS & JS.

  • Product cards
  • Search bar UI
  • Responsive layout

A dynamic shopping cart project with login/register logic and localStorage.

  • Add/remove from cart
  • Login/Logout user management
  • Responsive product cards

🛠️ Technologies Used

  • HTML5
  • CSS3 (Flexbox, Grid, Float)
  • JavaScript (DOM, Events, Fetch API)
  • No libraries or frameworks

🚀 How to Run

You can visit the Live Demo links, or clone the repository and open any index.html file:

git clone https://github.com/your-username/simple-projects-html-css.git

About

A collection of beginner-friendly HTML and CSS projects built to practice and demonstrate core front-end development skills. Each project focuses on layout, styling, and responsive design using only HTML and CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.