Skip to content

PoornaChandra2005/SCT_WD_1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Interactive Landing Page, Stopwatch, TicTacToe & Todo List

A modern multi-feature project including a smooth landing page, a functional stopwatch, a pass-and-play PvP TicTacToe game, and a basic to-do list. Designed to enhance user experience with seamless transitions, intuitive designs, and useful functionality.

🚀 Features

Task 1: Landing Page

  • Smooth Scrolling – Effortlessly navigate between sections.
  • Dynamic Navbar – Changes appearance on hover for a modern feel.
  • Responsive Design – Works on all screen sizes.
  • Clean UI – Simple, elegant, and user-friendly.

Task 2: Stopwatch

  • Start/Stop Functionality – Track time easily.
  • Reset Button – Quickly reset the timer.
  • Minimalist UI – Elegant and easy to use.
  • Accurate Millisecond Precision – High accuracy time tracking.

Task 3: TicTacToe (PvP)

  • Pass-and-Play – Two players play alternately on the same device.
  • Turn Indicator – Clearly shows whose turn it is.
  • Win Detection – Declares a winner or draw when the game ends.
  • Cracket Style Layout (for reference) – Inspired by minimal PvP designs.

Task 4: Todo List

  • Add Tasks – Instantly add your todos.
  • Edit Tasks – Modify tasks inline.
  • Delete Tasks – Remove tasks easily.
  • Minimal Design – Clean and distraction-free.

📚 Project Structure

📌 styles.css     # Contains all the styling for the page
🔯 script.js      # Handles smooth scrolling and navbar interactions
🔯 stopwatch.js   # Handles stopwatch logic separately
🔯 tictactoe.js   # Handles PvP tic-tac-toe logic
🔯 todolist.js    # Handles todo list interactions
📀 index.html     # Main HTML file
📃 README.md      # Project documentation

🛠️ Technologies Used

  • HTML – Structure of the page.
  • CSS – Styling and animations.
  • JavaScript – Interactive logic for all features.

💜 Installation & Usage

  1. Clone the repository:
    git clone https://github.com/PoornaChandra2005/SCT_MAR25_5327.git
  2. Navigate to the project folder:
    cd SCT_MAR25_5327
  3. Open index.html in your browser to explore all features.

📝 License

This project is open-source and available under the MIT License.


💡 Feel free to fork, customize, and improve! Contributions are welcome. 😃

📌 GitHub Repository: SCT_MAR25_5327

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors