Welcome to my web development projects repository! Here, you'll find a collection of projects that showcase my skills in HTML, CSS, and JavaScript. Each project is designed to demonstrate my ability to create interactive and visually appealing web applications.
- Project 01: Tribute Page(Parallax)
- Project 02: Survey Form
- Project 03: Color Changer
- Project 04: BMI Calculator
- Project 05: Clock
- Project 06: Guess a Number Game
- Project 07: Calculator
- Project 08: Color Guesser
- Project 09: BG-Color Changer
- HTML
- CSS
- JavaScript
To get started with these projects, follow these steps:
- Clone the repository to your local machine.
- Open the project folder in your preferred code editor.
- Explore the HTML, CSS, and JavaScript files to understand the project structure.
- Customize and modify the code as needed.
- Test the project locally to ensure it works as expected.
A tribute page dedicated to a famous person, featuring their biography, achievements, and notable quotes.
- Smooth scrolling navigation
- Parallax effect for sections
A simple survey form with input fields for name, age, and an options section.
- Responsive design
- Input validation
A simple web page that allows users to change the background color of the page by clicking on a button.
- Interactive button to change background color
A BMI (Body Mass Index) calculator that allows users to input their height and weight to calculate their BMI.
- Input fields for height and weight
- BMI calculation
- Result display
A digital clock that displays the current time in hours, minutes, and seconds in a 12-hour format with AM/PM design and Display the current date.
- Real-time clock display
- 12-hour format with AM/PM
- Display the current date
A simple interactive game where the player has to guess a randomly generated number within a certain range.
- The game will generate a random number between 1 and 100.
- You will have a limited number of attempts to guess the number.
- After each guess, you will receive feedback indicating whether your guess was too high, too low, or correct.
- Random number generation
- User input for guesses
- Feedback on guesses
- Limited attempts
Tap to Play: Guess a Number Game
A simple calculator application that allows users to perform basic arithmetic operations.
- Enter the first number.
- Choose an operation (+, -, *, /).
- Enter the second number.
- Click the "Calculate" button.
- The result will be displayed.
- Addition
- Subtraction
- Multiplication
- Division
- Clear button to reset the calculator
Tap to Play: Calculator
A simple interactive game where the player has to guess a color within a certain range.
- The game will generate a random color from a predefined set.
- You will have a limited number of attempts to guess the color.
- After each guess, you will receive feedback indicating whether your guess was correct or wrong.
- Random Color generation
- User input for Color chosen
- Feedback on each Color choosen
- Limited attempts
Tap to Play: Guess a Color Game
A simple web page that allows users to change the background color of the page by clicking on a button.
- Click the "Start" button.
- The background color of the page will change to a random color every 1 second.
- Click the "Stop" button to stop the color change.
- Interactive button to change background color
- Start and Stop buttons for color change control
Feel free to use these projects as a reference or as a starting point for your own web development projects.
Feel free to fork the repository and submit pull requests for any improvements or features.
If you have any questions or suggestions, feel free to contact me at [arktandoncs@gmail.com]. I'm always open to feedback and collaboration.
This project is licensed under the MIT License.