PROJECT -- 01

Blue Black Team Landing Page

This project involves creating a modern, responsive landing page for the Blue Black Team using React, TypeScript, and Tailwind CSS. The landing page includes several sections such as a hero section, about section, projects section, team section, and a contact section. The design focuses on a minimalist blue and black color scheme with enhanced visual elements like gradients, animations, and hover effects. The page is fully responsive, ensuring compatibility across desktops, tablets, and mobile devices. Additionally, the project adheres to basic SEO practices and web accessibility standards.

Task 1 PDF : Web Development Task 1.pdf - Blue Black Team Landing Page Task

PROJECT -- 02

Develop A Basic Patient Appointment Scheduling System For A Small Clinic

This project involves creating a robust and user-friendly appointment scheduling system using React, TypeScript, and Tailwind CSS. The application will feature several key sections, including a registration/login form, doctor profiles, an appointment calendar, and user management functionalities. The design will follow a clean, minimalist approach with a blue and black color scheme, enhanced by smooth animations, hover effects, and gradient backgrounds. The application will be fully responsive, ensuring optimal performance across desktops, tablets, and mobile devices.

Task 2 PDF : Web Development Task 2.pdf - Patient Appointment Scheduling System Task

PROJECT -- 03

Create A Simple Health Tips Website

This project involves creating an informative and user-friendly health and wellness website using HTML and CSS. The website serves as a comprehensive resource for users seeking health-related information and lifestyle tips. The site features multiple interconnected sections including a welcoming homepage, specialized health tip categories, and an interactive contact section.

Task 2 PDF : Web Development Task 3.pdf - Health Tips Website Task

Directory structure

github.com/codewithshek/web-development-intern-project-by-codelevatee/

├── Readme.md
├── Project-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
├── Project-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/
│   │   │   └── Navbar.tsx
│   │   ├── context/
│   │   │   └── AuthContext.tsx
│   │   ├── lib/
│   │   │   └── supabase.ts
│   │   └── pages/
│   │       ├── Appointments.tsx
│   │       ├── DoctorList.tsx
│   │       ├── Home.tsx
│   │       ├── Login.tsx
│   │       └── Register.tsx
│   └── supabase/
│       └── migrations/
│           ├── 20250126061015_fragrant_jungle.sql
│           └── 20250126062137_lively_plain.sql
└── Project-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
        ├── types.ts
        ├── vite-env.d.ts
        ├── components/
        │   ├── Footer.tsx
        │   └── Navbar.tsx
        └── pages/
            ├── Contact.tsx
            ├── Exercise.tsx
            ├── HealthyEating.tsx
            ├── Home.tsx
            └── MentalHealth.tsx

Installation
Usage
Contributing
License

Installation

To get started with the project, clone the repository and install the necessary dependencies:

bash

git clone https://github.com/codewithshek/Web-Development-Intern-Project-by-Codelevatee.git

cd Web-Dev-Intern-Project-by-Codelevatee/Project-1

npm install

Usage

To run the project locally, use the following command:

bash npm run dev

This will start the development server, and you can view the landing page by navigating to http://localhost:3000 in your web browser.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or improvements, feel free to open an issue or submit a pull request.

codewithshek/Web-Development-Intern-Project-by-Codelevatee