-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
122 lines (118 loc) · 5.6 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Responsive Card Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<center>
<h1 class="heading">Api Magic!</h1>
</center>
<div class="container">
<div class="card">
<img src="./images/weather.jpg" alt="Image 1">
<div class="card-content">
<h3>Real Time Weather Project</h3>
<p><strong> Tech Stack:</strong><br> HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests,
and dynamically display the retrieved data, Node.js, Express.js, GitHub.</p>
<p><strong>API Used:</strong>OpenWeatherMap</p>
<p><strong>Description:</strong><br>
<ul>
<li>
Implemented a search functionality allowing users to enter their desired location and retrieve relevant weather information.
</li>
<li>
Web App showing real-time weather forecast by fetching data from external API.
</li>
<li>
Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.
</li>
</ul>
</p>
<a href="https://github.com/NavikaAgarwal/Weather-Project" class="btn">GitHub</a>
<a href="https://weather-project-1.vercel.app/" class="btn">Demo</a>
</div>
</div>
<div class="card">
<img src="./images/newsletter.png" alt="Image 2">
<div class="card-content">
<h3>Newsletter</h3>
<p><strong> Tech Stack:</strong><br> HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests,
and dynamically display the retrieved data, Node.js, Express.js, GitHub.</p>
<p><strong>API Used:</strong> MailChimp </p>
<p><strong>Description:</strong><br>
<ul>
<li>
Developed and launched a newsletter campaign using the Mailchimp API to effectively engage and communicate with subscribers.
</li>
<li>
Integrated the Mailchimp API to manage subscriber lists, automate email sending, and track campaign analytics.
</li>
<li>
Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.
</li>
</ul>
</p>
<a href="https://github.com/NavikaAgarwal/News-Letter" class="btn">GitHub</a>
<a href="https://news-letter-api-magic.vercel.app/" class="btn">Demo</a>
</div>
</div>
<div class="card">
<img src="./images/news.jpg" alt="Image 3">
<div class="card-content">
<h3>News App</h3>
<p><strong> Tech Stack:</strong><br> HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests,
and dynamically display the retrieved data, Node.js, Express.js, GitHub.</p>
<p><strong>API Used:</strong> News API</p>
<p><strong>Description:</strong><br>
<ul>
<li>
Developed a News App that retrieves and displays real-time news articles from various sources using the NewsAPI.
</li>
<li>
Integrated the NewsAPI to fetch news articles based on user preferences, categories, or search queries.
</li>
<li>
Implemented dynamic filtering options based on category and Country to enhance user navigation and article discovery.
</li>
<li>
Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.
</li>
</ul>
</p>
<a href="https://github.com/NavikaAgarwal/News-App" class="btn">GitHub</a>
<a href="https://news-app-api-magic.vercel.app/" class="btn">Demo</a>
</div>
</div>
<div class="card">
<img src="./images/image.jpg" alt="Image 3">
<div class="card-content">
<h3>Image Gallery</h3>
<p><strong> Tech Stack:</strong><br> HTML, CSS & Bootstrap for designing user interface, and JavaScript to handle user inputs, make API requests,
and dynamically display the retrieved data, Node.js, Express.js, GitHub.</p>
<p><strong>API Used:</strong> Pexels</p>
<p><strong>Description:</strong><br>
<li>
Implemented a search functionality allowing users to enter their desired category and retrieve and display a curated collection of high-quality relevant images.
</li>
<!-- <li>
Developed an Image Gallery application that leverages the Pexels API to display a curated collection of high-quality images.
</li> -->
<li>
Enabled image download functionality, allowing users to download and save their favorite images directly from the gallery,
also user can visit the Photographer pexel profile directly from the photo.
</li>
<li>
Conducted testing and debugging to ensure smooth functionality, handle API response errors, and provide a seamless user experience.
</li>
</ul>
</p>
<a href="https://github.com/NavikaAgarwal/Image-Gallery" class="btn">GitHub</a>
<a href="https://image-gallery-opal-nine.vercel.app/" class="btn">Demo</a>
</div>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>