-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
129 lines (120 loc) · 7.82 KB
/
project.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
123
124
125
126
127
128
129
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<title>Maitreyee's Portfolio</title>
<link rel="icon" type="image/x-icon" href="./assets/initials.ico"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header class="heading">
<h2 class="nav-brand">Maitreyee</h2>
<nav class="navigation">
<ul class="nav-list">
<li class="header-list list-non-bullet display-inline ">
<a href="index.html" class="link link-white">Home
</a>
</li>
<li class="header-list list-non-bullet display-inline "><a href="#" class="link link-white active">Projects</a>
</li>
<li class="header-list list-non-bullet display-inline ">
<a href="blog.html" class="link link-white">Blogs
</a>
</li>
</ul>
</nav>
</header>
<div class="main">
<div class="introduction">
<img src="./assets/project.svg" alt="image of a girl" class="image-portfolio">
<p class="section intro ">
My Projects
</p>
</div>
<div class="section technology colored-section">
<h3>Photogram</h3>
<p>Photogram is a social media application. It allows users to upload, like and comment on photos. Follow other users and update their own profiles.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">React</li>
<li class="section-list-chips">Redux Toolkit</li>
<li class="section-list-chips">React Router</li>
<li class="section-list-chips">Shuttle-UI</li>
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://share-on-photogram.netlify.app/" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/Photogram.git" class="link" target="__blank">Source Code</a></button>
</div>
<div class="section technology">
<h3>Play</h3>
<p>Play is a video library application. It allows users to view videos, like videos and add videos to watch later. Users can also create their own playlists and filter the videos according to the categories.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">React</li>
<li class="section-list-chips">React Player</li>
<li class="section-list-chips">React Router</li>
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://play-app.netlify.app/" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/Play.git" class="link" target="__blank">Source Code</a></button>
</div>
<div class="section technology colored-section">
<h3>Closet</h3>
<p>Closet is an ecommerce application. It allows users to view products, sort the products and filter the products according to the categories. Users can add the products to cart and wishlist. It also has razorpay payment integration.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">React</li>
<li class="section-list-chips">React Router</li>
<li class="section-list-chips">Shuttle-UI</li>
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://shop-from-closet.netlify.app/" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/Closet-Ecommerce-Store.git" class="link" target="__blank">Source Code</a></button>
</div>
<div class="section technology">
<h3>My Notes</h3>
<p>My Notes is a note making application. It allows users to create, edit notes. Users can move their notes to archive and trash and also delete their notes from trash. It also has dark and light mode themes. Users can add labels to their notes and also change the color of their notes.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">React</li>
<li class="section-list-chips">React Router</li>
<li class="section-list-chips">Shuttle-UI</li>
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://my-notes-maker.netlify.app/home" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/My-Notes.git" class="link" target="__blank">Source Code</a></button>
</div>
<div class="section technology colored-section">
<h3>Shuttle UI</h3>
<p>Shuttle UI is a component library. Users can easily include the stylesheet in their projects and start using the various components like Alerts, Avatars, Badges, Buttons, Cards, Navigations, Text Utilities and many more.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://shuttle-ui.netlify.app/" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/Component-Library.git" class="link" target="__blank">Source Code</a></button>
</div>
<div class="section technology">
<h3>Quizzy </h3>
<p> Quizzy is a quiz application where users can play quizzes from various categories. It allows users to filter the quizzes by various categories and search the quizzes using their title. During the quiz, user can also reset or quit the quiz. After the quiz has been completed, users are able to see their final score along with the correct answers of the quiz.</p>
<ul class="section-list-header"> Made Using:
<li class="section-list-chips">React</li>
<li class="section-list-chips">React Router</li>
<li class="section-list-chips">TypeScript</li>
<li class="section-list-chips">CSS</li>
<li class="section-list-chips">HTML</li>
</ul>
<button><a href="https://play-quizzy.netlify.app/" class="link" target="__blank">Live Project</a></button>
<button><a href="https://github.com/mnath30/quizzy.git" class="link" target="__blank">Source Code</a></button>
</div>
<footer class="footer">
<p class="nametext">Connect with me</p>
<ul>
<li class="list-non-bullet display-inline ovf"><a href="https://twitter.com/maitreyee__nath" target="__blank"><i class="fa fa-twitter"></i></a></li>
<li class="list-non-bullet display-inline ovf"><a href="https://github.com/mnath30" target="__blank"><i class="fa fa-github"></i></a></li>
<li class="list-non-bullet display-inline ovf"><a href="https://www.linkedin.com/in/maitreyee-nath" target="__blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
</footer>
</body>
</html>