Skip to content

Shri-coder413/project-based-learning

Repository files navigation

This is my first Git Repository

Project-Based Learning 🚀

This repository contains multiple small projects built while learning and practicing frontend web development.
Each project focuses on improving core concepts like HTML structure, CSS styling, JavaScript logic, and UI behavior through hands-on implementation.


📁 Projects Included

🔹 Insta Story UI

A UI inspired by Instagram stories, built using HTML, CSS, and JavaScript.

  • Focus on layout, UI structuring, and interaction
  • Practiced DOM manipulation and basic UX patterns

🔹 Calculator

A basic calculator UI with core arithmetic functionality.

  • HTML for structure
  • CSS for styling
  • JavaScript for logic handling

🔹 To-Do App

A simple task management app.

  • Add, organize, and manage tasks
  • Practiced JavaScript events and state handling

🔹 Rock Paper Scissors

A classic game implemented using JavaScript.

  • Game logic and condition handling
  • Interactive UI updates

🔹 Tic-Tac-Toe

A browser-based Tic-Tac-Toe game.

  • Game state management
  • Winning condition logic

🔹 DentyTech

A responsive website layout for a dental service concept.

  • Responsive navbar
  • SCSS usage for better styling structure

🛠 Tech Stack

  • HTML5
  • CSS3
  • SCSS
  • JavaScript (Vanilla)

🎯 Purpose of This Repository

The goal of this repository is to:

  • Learn frontend development by building real projects
  • Strengthen fundamentals instead of relying on frameworks
  • Track progress over time through hands-on practice

🌱 Learning Approach

  • Mobile-first UI thinking
  • Clean and readable code
  • Focus on fundamentals before moving to frameworks

📌 Future Plans

  • Improve existing projects with better UI/UX
  • Add more interactive and logic-based projects
  • Document learning and improvements clearly

📬 Connect With Me


⭐ If you find this helpful or interesting, feel free to star the repository.

Author - Shrinivas Nakadi

About

This is my first Git Repository

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published