Skip to content

Latest commit

Β 

History

History
91 lines (62 loc) Β· 2.37 KB

File metadata and controls

91 lines (62 loc) Β· 2.37 KB

Mini Web Projects πŸš€

Hi πŸ‘‹, I’m Fuad Aman.
This repository contains a collection of mini web projects built using HTML, CSS, and JavaScript.

Each project focuses on a specific concept such as animations, UI effects, DOM manipulation, or user interaction.
All projects are organized into separate folders for clarity.


πŸ“Œ Projects Overview

πŸ“ Project 1 – Heart Trial Animation

Folder: project 1 (heart trial animation)
Description: A smooth heart animation created using CSS animations.
What I Practiced: CSS keyframes, transforms, and animation timing.


πŸ“ Project 2 – Auto Text Effect Animation

Folder: project 2
Description: Automatically types and animates text on the screen.
What I Practiced: DOM manipulation and interval-based animations.


πŸ“ Project 3 – Mini Calendar

Folder: project 3
Description: Displays the current month, day, date, and year dynamically.
What I Practiced: JavaScript Date object and layout design.


πŸ“ Project 4 – Button Ripple Effect

Folder: project 4
Description: A ripple animation appears when the button is clicked.
What I Practiced: Click events and visual feedback effects.


πŸ“ Project 5 – Random Photos Gallery

Folder: project 5
Description: Displays random images with a β€œLoad More” button.
What I Practiced: Dynamic content loading and image handling.


πŸ“ Project 6 – Dark Mode Toggle

Folder: project 6
Description: Toggle between light mode and dark mode.
What I Practiced: Theme toggling and UI state management.


πŸ“ Project 7 – Testimonial Slider

Folder: Project 7
Description: Displays user testimonials with images in a slider format.
What I Practiced: UI components and content transitions.


πŸ“‚ Folder Structure

HTML,CSS AND JAVASCRIPT/ β”œβ”€β”€ project 1 (heart trial animation)/ β”œβ”€β”€ project 2/ β”œβ”€β”€ project 3/ β”œβ”€β”€ project 4/ β”œβ”€β”€ project 5/ β”œβ”€β”€ project 6/ └── Project 7/


▢️ How to Run

  1. Clone the repository: ``bash git clone https://github.com/FuAdd21/mini-web-projects.git

2.Open any project folder

  1. Run index.html in your browser

πŸš€ About Me

πŸ’» Full Stack Web Development Enthusiast

🌍 Based in Ethiopia

πŸ”— GitHub: https://github.com/FuAdd21