Here is the formatted text for your GitHub README file:

Pinnacle Labs Web Development Internship

Directory structure:

└── github.com/codewithshek/web-development-internship-by-pinnaclelabs/

├── README.md
├── TASK-1/
│   ├── eslint.config.js
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── postcss.config.js
│   ├── tailwind.config.js
│   ├── tsconfig.app.json
│   ├── tsconfig.json
│   ├── tsconfig.node.json
│   ├── vite.config.ts
│   ├── .gitignore
│   └── src/
│       ├── App.tsx
│       ├── index.css
│       ├── main.tsx
│       ├── vite-env.d.ts
│       └── components/
│           ├── About.tsx
│           ├── Footer.tsx
│           ├── Hero.tsx
│           └── Projects.tsx
├── TASK-2/
│   ├── eslint.config.js
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── postcss.config.js
│   ├── tailwind.config.js
│   ├── tsconfig.app.json
│   ├── tsconfig.json
│   ├── tsconfig.node.json
│   ├── vite.config.ts
│   ├── .gitignore
│   └── src/
│       ├── App.tsx
│       ├── index.css
│       ├── main.tsx
│       ├── vite-env.d.ts
│       ├── components/
│       │   ├── About.tsx
│       │   ├── Contact.tsx
│       │   ├── Events.tsx
│       │   ├── Hero.tsx
│       │   ├── LoadingSpinner.tsx
│       │   ├── MenuCard.tsx
│       │   ├── MenuSection.tsx
│       │   ├── Navbar.tsx
│       │   ├── buttons/
│       │   │   ├── PrimaryButton.tsx
│       │   │   └── SecondaryButton.tsx
│       │   └── modals/
│       │       ├── Modal.tsx
│       │       ├── OrderConfirmationModal.tsx
│       │       └── ReservationModal.tsx
│       ├── data/
│       │   └── menuItems.ts
│       ├── pages/
│       │   ├── DishDetailPage.tsx
│       │   └── HomePage.tsx
│       └── utils/
│           └── scroll.ts
└── TASK-3/
    ├── eslint.config.js
    ├── index.html
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.js
    ├── tailwind.config.js
    ├── tsconfig.app.json
    ├── tsconfig.json
    ├── tsconfig.node.json
    ├── vite.config.ts
    ├── .gitignore
    └── src/
        ├── App.tsx
        ├── index.css
        ├── main.tsx
        ├── vite-env.d.ts
        ├── components/
        │   ├── Cart.tsx
        │   ├── CategoryFilter.tsx
        │   ├── Home.tsx
        │   ├── Navbar.tsx
        │   ├── ProductCard.tsx
        │   ├── Products.tsx
        │   └── cart/
        │       ├── CartItem.tsx
        │       └── CartSummary.tsx
        ├── context/
        │   └── CartContext.tsx
        ├── data/
        │   └── products.ts
        ├── types/
        │   └── index.ts
        └── utils/
            └── payment.ts

Overview

This repository contains the projects I completed during my Web Development Internship at Pinnacle Labs IT Solutions. The internship provided me with hands-on experience in web development, focusing on both frontend and backend technologies. Below are the details of the tasks I completed.

Task 1: Personal Portfolio Website

Activity.-.D.ABHISHEK.YADAV_2.mp4

Description

For the first task, I built a Personal Portfolio Website. This beginner-level project involved HTML, CSS, and a bit of JavaScript to showcase my projects and skills.

Features

• HTML & CSS: Structured and styled the webpage.
• JavaScript: Added interactivity to the portfolio.
• Responsive Design: Ensured the website is mobile-friendly.

Highlights

• Easy and straightforward project.
• Great way to kickstart my journey in Full Stack Web Development.

Task 2: Restaurant Website Development

Description

The second task involved creating a comprehensive dining platform with interactive menus, a seamless reservation system, and engaging event details.

Features

• HTML, CSS, JavaScript: Developed the frontend.
• Node.js: Implemented backend functionalities.
• Responsive Design: Ensured perfect viewing across all devices.

Highlights

• Enhanced customer dining experiences through intuitive navigation and user-friendly features.

Task 3: E-commerce Website Development

Activity.-.D.ABHISHEK.YADAV.mp4

Description

The third task was to develop an E-commerce Website. This project showcases a comprehensive online shopping platform with interactive product listings, smart recommendations, and a seamless shopping cart experience.

Features

• Dynamic Product Recommendations: Based on user preferences.
• Secure Shopping Cart: Ensured secure transactions.
• Streamlined Checkout Process: Simplified the purchasing experience.
• Responsive Design: Compatible with all devices.

Highlights

• Created an intuitive shopping experience.
• Gained valuable experience in full stack development.

Acknowledgements

I would like to thank Pinnacle Labs IT Solutions for providing this amazing learning opportunity. Special thanks to the mentors and team members for their guidance and support throughout the internship.

Contact

For any queries or further information, feel free to reach out to me:

• LinkedIn: D ABHISHEK YADAV - https://www.linkedin.com/in/dabhishekyadav/
• Email: d.abhishekyadav2004@gmail.com