Responsive Web Design

Bachelor of Technology (BTech)

Web developer | UI UX designer

Harsh Pathak • Student at Swami Keshvanand Institute of Technology, Management & Gramo • Peerlist Profile

The Markdown Preview and Download Tool is a React-based web application that provides users with a convenient way to compose, preview, and download Markdown content. Markdown is a lightweight markup language commonly used for formatting text that can be converted to HTML or other document formats. This project leverages React along with the react-markdown library to offer real-time Markdown preview capabilities. Additionally, users can easily download their Markdown creations as files for offline use or sharing.

Mark Down Previewer

<h3 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://link-sync.vercel.app">Link-sync (Link in Bio App)</a></h3>This project is a Link in bio application built using React.js, Vite, Firebase, Material UI, and Yarn. It provides various features for unique link, paste all links to generate a single link and analytics.<h3 class="rich-heading">Features</h3><ol><li>Paste all links: Easily paste all your important links in one place and share them with others using just one URL.</li><li>Unique Link: Your Link-Sync will generate a unique link that combines all your shared links together.</li><li>Analytics: Get daily, monthly, weakly and lifetime profile vists, performance of every link</li><li>Custom Domain: Take full control by hosting your Link-Sync on your custom domain for a seamless experience.</li><li>Authentication: Three authentication methods are available: guest login, email and password authentication, and Google login.</li></ol>

Link-Sync

<h1 class="rich-heading">E-commerce Project - Shopifyn</h1>This project is an e-commerce application built using React.js, Vite, Firebase, Material UI, and Yarn. It provides various features for browsing and purchasing products, as well as authentication and user management capabilities.<h2 class="rich-heading">Features</h2><ol><li>Filters: Users can sort products by price (low/high), rating, and apply filters based on a specific rating or price range.</li><li>Protected Routes: Certain actions, such as adding products to the cart, require authentication. Users must be logged in to perform these actions.</li><li>Quantity Management: Users can increase or decrease the quantity of products in their cart.</li><li>Search: The application allows users to search for any product using a search bar.</li><li>Authentication: Three authentication methods are available: guest login, email and password authentication, and Google login.</li></ol><h2 class="rich-heading">Tech Stack</h2>The project utilizes the following technologies:<ul><li>React.js: A JavaScript library for building user interfaces.</li><li>Vite: A fast build tool for modern web applications.</li><li>Firebase: A backend-as-a-service platform providing authentication, database, and storage services.</li><li>Material UI: A popular React component library for building user interfaces.</li><li>Yarn: A package manager for managing project dependencies.</li></ul><h2 class="rich-heading"></h2>

Hiring Talent?

Harsh Pathak

Web developer | UI UX designer