Skip to content

FuAdd21/mini-web-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors