A comprehensive collection of web development projects and source code for learning purposes. This repository contains various frontend projects, web applications, and code examples covering different aspects of web development.
This repository serves as a learning resource with all source code available for educational purposes. Explore different web development projects, from simple websites to complex applications, and learn from the implementation details.
This repository contains the following projects:
- E-commerce_site - Full-featured e-commerce website
- Coffee_shop - Coffee shop website
- Flower_shop - Flower shop website
- Food_shop - Food ordering website
- Grocery_shop - Grocery shopping website
- Sneakers_shoes - Sneakers and shoes e-commerce site
- Airline_booking - Airline ticket booking system
- Weather_app - Weather application
- Tic_Tac_Toe - Classic Tic Tac Toe game
- Job_Description - Job listing and description platform
- App_Landing - Mobile app landing page
- Animated_form - Animated form components
- Gaming_website - Gaming website template
- Starbuck_Page - Starbucks-inspired webpage
- Tribute_Website - Tribute website template
- Webpage_design - Various webpage designs
- PORTFOLIO - Personal portfolio website
- Project - Various project examples
- Vs code - VS Code related configurations or extensions
- auto cluster - Auto clustering utilities
- htdocs - Local development server files
Based on the repository's language distribution:
- HTML (56.1%) - Structure and markup
- CSS (27.1%) - Styling and design
- JavaScript (15.3%) - Interactivity and functionality
- Python (0.4%) - Backend scripts and utilities
- PHP (0.4%) - Server-side scripting
- Hack (0.4%) - Additional scripting
- A modern web browser (Chrome, Firefox, Safari, Edge)
- A code editor (VS Code, Sublime Text, etc.)
- For PHP projects: PHP server (XAMPP, WAMP, or built-in PHP server)
- For Python projects: Python 3.x installed
-
Clone the repository
git clone https://github.com/Sg-2003/SG.git cd SG -
Navigate to any project folder
cd Project_Name -
Open the project
- For HTML/CSS/JS projects: Open
index.htmlin your browser - For PHP projects: Use a local server (XAMPP, WAMP, or
php -S localhost:8000) - For Python projects: Run
python script_name.py
- For HTML/CSS/JS projects: Open
SG/
├── Airline_booking/
├── Animated_form/
├── App_Landing/
├── Coffee_shop/
├── E-commerce_site/
├── Flower_shop/
├── Food_shop/
├── Gaming_website/
├── Grocery_shop/
├── Job_Description/
├── PORTFOLIO/
├── Project/
├── Sneakers_shoes/
├── Starbuck_Page/
├── Tic_Tac_Toe/
├── Tribute_Website/
├── Vs code/
├── Weather_app/
├── Webpage_design/
├── auto cluster/
└── htdocs/
This repository is designed to help you learn:
- Frontend Development - HTML, CSS, and JavaScript fundamentals
- Responsive Design - Creating mobile-friendly websites
- UI/UX Design - User interface and user experience principles
- Web Applications - Building interactive web applications
- E-commerce Development - Creating online shopping platforms
- Form Handling - Working with forms and user input
- API Integration - Connecting to external services (in some projects)
- Each project folder contains its own source code
- Projects are independent and can be run separately
- Some projects may require additional setup (check individual project folders)
- All code is provided for educational purposes
This is a learning repository. Feel free to:
- Fork the repository
- Study the code
- Modify and experiment
- Create your own versions
This repository is for educational purposes. Please respect the original intent and use the code responsibly for learning.
Sg-2003
- GitHub: @Sg-2003
- All projects are created for educational purposes
- Feel free to use these projects as learning resources
- Happy coding! 🚀
Note: This repository contains multiple independent projects. Each project may have its own dependencies and setup requirements. Check individual project folders for specific instructions.