Java-Partice Projects Collection

A collection of interactive web projects built using HTML, CSS, and JavaScript. Each project demonstrates different aspects of web development and user interaction.

Projects

1. Changing-Navbar-Styling

   • A dynamic navigation bar that changes its appearance on scroll
   • Features smooth transitions and responsive design

2. Color Flipper

   • Interactive color changing application
   • Allows users to switch between predefined colors and random colors
   • Features a clean, modern interface

3. Counter App

   • Simple counter application with increment, decrement, and reset functionality
   • Prevents negative values
   • Clean dark-themed interface

4. Light_Dark-Mode

   • Website with dynamic light/dark mode toggle
   • Features responsive navigation and smooth theme transitions
   • Includes social media integration

5. Mouse-Cursor

   • Custom animated mouse cursor with glowing effect
   • Interactive cursor that follows mouse movement
   • Modern UI with smooth animations

6. Scratch-Effect

   • Interactive scratch effect that reveals images
   • Follows mouse movement to create scratch-off effect
   • Dynamic element management

7. Todo-list

   • Task management application
   • Add and delete tasks
   • Clean interface with gradient background

Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• Font Awesome Icons (where applicable)
• Google Fonts (where applicable)

Getting Started

Each project is self-contained in its own directory. To run any project:

1. Navigate to the project directory
2. Open the index.html file in a web browser
3. Follow the project-specific instructions in each project's README

Project Structure

Java-Partice/
├── Changing-Navbar-Styling/
├── Color Flipper/
├── Counter App/
├── Light_Dark-Mode/
├── Mouse-Cursor/
├── Scratch-Effect/
└── Todo-list/

Features

• Modern web development practices
• Responsive design
• Interactive user interfaces
• Clean and efficient code
• Cross-browser compatibility
• Performance optimized

Browser Support

All projects work on modern browsers that support:

• ES6 JavaScript
• CSS3
• HTML5
• Modern CSS features (Flexbox, Grid, etc.)

License

This project collection is open source and available for personal and commercial use.