TusharGuptaPortfolio/MyProject.html at main · imtushaarr/TusharGuptaPortfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Projects</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
    <link rel="shortcut icon" href="imgs/Tushar Gupta -round.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>
<body>

    <div id="pre-loader"></div>

    <div id="header">
        <header>
            <a href="#"><img src="imgs/Tushar Gupta -round.png" alt="icon"></a>
                <nav>
                    <input type="checkbox" id="check">
                    <label for="check">
                        <i class="fa-solid fa-ellipsis" style="color: #0042aa;" id="btn"></i>
                        <i class="fa-solid fa-xmark" id="cancel"></i>
                    </label>
                    <ul class="nav-links">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="MyProject.html">My Projects</a></li>
                        <li><a href="resume.html">Resume</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="quick-links.html">Quick Links</a></li>
                        <a href="https://github.com/imtushaarr" target="_blank"><button class="btn-git"><i class="fa-brands fa-github"></i>GitHub</button></a>
                    </ul>
                </nav>
        </header>
    </div>

   <div id="project">
        <div class="main-con">

            <div class="dtl-con2">
                <div class="right">
                    <img src="imgs/krafchat.png" alt="">
                </div>
                <div class="left">
                    <h4>KrafChat App</h4>
                    <p> KrafChat App is a full-featured chat application that allows users to <br>
                        engage in real-time conversations, share media, and manage their privacy settings. <br>
                        Built using React for the front-end, Zustand for state management, and Firebase for <br>
                        backend services, the application is both powerful and scalable. <br></p>
                        <a href="/sub-pages/project-2.html" target="_blank"><button>Doc</button></a>
                        <a href="https://krafchat-app.netlify.app/" target="_blank"><button>Live Demo</button></a>
                </div>
            </div>

            <div class="dtl-con2">
                <div class="left">
                    <h4>Real Time Location Tracker</h4>
                    <p> Real-Time Tracker is a web application built with React.js, Node.js, <br>
                        Express.js, Socket.io, and Leaflet. It allows users to track and share <br>
                        their real-time locations on an interactive map. The application leverages modern  <br>
                        web technologies to provide a seamless and responsive user experience. <br>
                        <a href="/sub-pages/project-1.html" target="_blank"><button>Doc</button></a>
                        <a href="https://github.com/imtushaarr/RealTimeTracker" target="_blank"><button>Code</button></a>
                </div>
                <div class="right">
                    <img src="imgs/REAL TIME TRACKER APP.png" alt="">
                </div>
            </div>

            <div class="dtl-con2">
                <div class="right">
                    <img src="imgs/krafcool.png" alt="">
                </div>
                <div class="left">
                    <h4>Krafcool Ecommerce Site</h4>
                    <p> The ChatGPT Clone is a simple chatbot application inspired by OpenAI's <br>
                        GPT-based models. It allows users to engage in conversations with a virtual <br>
                        assistant powered by the GPT-3.5-turbo model. This project is implemented using <br>
                        HTML, CSS, and JavaScript.</p>
                        <a href="https://krafcool-com.vercel.app" target="_blank"><button>Live Demo</button></a>
                        <a href="https://github.com/imtushaarr/e-commerce-project" target="_blank"><button>Code</button></a>
                </div>
            </div>

            <div class="dtl-con2">
                <div class="left">
                    <h4>FireBase  Integration Form</h4>
                    <p> This project is a web application featuring a contact form integrated <br>
                        with Firebase for real-time database functionality. The HTML structure <br>
                        includes a form with fields for the user's name, email, and message, <br>
                        styled using Font Awesome icons. Upon submission, JavaScript captures the <br>
                        form data and utilizes Firebase to store this information in the Realtime Database.</p>
                        <a href="#" target="_blank"><button>Live Demo</button></a>
                        <a href="https://github.com/imtushaarr/Firebase-Contact-Form-" target="_blank"><button>Code</button></a>
                </div>
                <div class="right">
                    <img src="imgs/form.png" alt="">
                </div>
            </div>

            <div class="dtl-con2">
                <div class="right">
                    <img src="imgs/netflix.png" alt="">
                </div>
                <div class="left">
                    <h4>Netflix Clone India</h4>
                    <p> This repository contains the source code for a Netflix India <br>
                        web page created as a practice project. The project aims to <br>
                        showcase HTML, CSS, and JavaScript skills in building a responsive <br>
                        and visually appealing website. It replicates a simplified version of <br>
                        the Netflix India website, allowing users to explore features, read FAQs, <br>
                        and sign up for membership.</p>
                        <a href="https://netflix-india-project.vercel.app" target="_blank"><button>Live Demo</button></a>
                        <a href="https://github.com/imtushaarr/Netflix-India-Project" target="_blank"><button>Code</button></a>
                </div>
            </div>

            <div class="dtl-con2">
                <div class="left">
                    <h4>ChatGPT Clone</h4>
                    <p> The ChatGPT Clone is a simple chatbot application inspired by OpenAI's <br>
                        GPT-based models. It allows users to engage in conversations with a virtual <br>
                        assistant powered by the GPT-3.5-turbo model. This project is implemented using <br>
                        HTML, CSS, and JavaScript.</p>
                        <a href="https://chat-gpt-clone-lilac-phi.vercel.app" target="_blank"><button>Live Demo</button></a>
                        <a href="https://github.com/imtushaarr/ChatGPT-Clone-Project" target="_blank"><button>Code</button></a>
                </div>
                <div class="right">
                    <img src="imgs/chatgpt.png" alt="">
                </div>
        </div>

        <div class="dwnlod">
            <a href="https://github.com/imtushaarr/" target="_blank"><button>Download</button></a>
            <a href="https://www.buymeacoffee.com/krafcoding" target="_blank"><button>Buy Projects</button></a>
        </div>

        <hr>

        <div class="sec-con">
            <div class="pro-cont">
                <h1>Community Project</h1>
                <div class="cont-dlt">
                    <div class="right">
                        <iframe width="560" height="315" src="https://www.youtube.com/channel/UCMUSKLW0C2HkAbUHoVeMHUg" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <div class="left">
                        <p>Welcome to our YouTube and WhatsApp channel! Here, we're all about community projects, <br>
                            teamwork, and opportunities to earn money together. Whether you're passionate about <br>
                            collaborating on exciting projects, joining forces with like-minded individuals, or <br>
                            seeking avenues for financial growth, you've come to the right place. <br>
                            Our channel provides a vibrant platform where individuals can come together <br>
                            to brainstorm ideas, pool resources, and embark on exciting ventures as a team. <br>
                            From innovative community initiatives to creative business endeavors, we foster an <br>
                            environment that encourages collaboration, creativity, and mutual support. <br>
                            Join us on this journey of building impactful projects, fostering meaningful <br>
                            connections, and unlocking new avenues for financial prosperity. Together, <br>
                            let's turn our collective vision into reality and create a thriving community <br>
                            where everyone has the opportunity to succeed and thrive.</p>
                            <a href="https://www.youtube.com/channel/UCMUSKLW0C2HkAbUHoVeMHUg" target="_blank"><button>Youtube</button></a>
                            <a href="https://whatsapp.com/channel/0029VaDU8DMEawdmu1xUSw1u" target="_blank"><button>WhatsApp</button></a>
                    </div>
                </div>
            </div>
        </div>
   </div>


    <script src="app.js"></script>

    <script>
        var loader = document.getElementById("pre-loader");
        window.addEventListener("load", function(){
            loader.style.display = "none";
        });
    </script>

</body>
</html>