I have honed my skills as a ReactJS developer. I specialize in building responsive and efficient user interfaces.

hashnode

Chahat Bhatia  • Peerlist

Swiggy 2.0 is a personal project that replicates the popular food delivery application Swiggy. This web app is built using React, Parcel as the bundler, Tailwind CSS for styling, Redux Toolkit for state management, and Jest for testing. It incorporates various advanced React concepts and features to provide an interactive and user-friendly experience.<h2 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/chahatbhatia1/swiggy-clone#features-">Features 🌟</a></h2><ul><li>User Location Detection: The app utilizes GPS to fetch the user's location and displays nearby restaurants based on their current location.</li><li>Restaurant Sorting: Users can sort the displayed restaurants based on delivery time, price (low to high or high to low), ratings, or the default order.</li><li>Restaurant Details: Users can explore individual restaurants and view the list of dishes available in each restaurant.</li><li>Cart Management: Users can add items to their cart while browsing restaurants. They can navigate to the cart page to review the summary of their order.</li><li>Dynamic Location Change: The app enables users to change their location dynamically using a search API to find restaurants in different areas.</li></ul><h2 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/chahatbhatia1/swiggy-clone#technologies-used-%EF%B8%8F">Technologies Used 🛠️</a></h2><ul><li>React: The project is built using React, a popular JavaScript library for building user interfaces.</li><li>Parcel: Parcel is used as the bundler, simplifying the setup and build process of the application.</li><li>Tailwind CSS: Tailwind CSS is employed for styling the app, allowing for efficient and customizable styling using utility classes.</li><li>Redux Toolkit: Redux Toolkit is used for state management, providing a standardized way to manage and update the application's state.</li><li>Jest: Jest is the chosen testing library for unit testing components and ensuring their functionality.</li></ul><h2 class="rich-heading"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/chahatbhatia1/swiggy-clone#advanced-react-concepts-">Advanced React Concepts 🚀</a></h2><ul><li>Custom Hooks: The app utilizes custom hooks to encapsulate and reuse logic, improving code organization and reusability.</li><li>Context API: The Context API is employed to manage and share state across components without excessive prop drilling.</li><li>React Portals: React portals are used to render modals and overlays, providing a better user experience for certain interactions.</li></ul>

Swiggy 2.0 Clone

An ecommerce platform built in Next.JS, React.JS and Sanity Headless CMS for managing the content dynamically. Users can view all the products with complete details, select the quantity, add them to the cart and finally on checkout page does the payment. The application accepts the payments using the Stripe gateway.  A fully responsive website with such amazing features.

Ecommerce Website 2.0

An online youtube video player based on different categories. Users can search new videos with different keywords and can also browse through to various channels. There is also a recommended videos section on the right side of the videos. Technologies used in this build are React.JS as UI framework, Material UI for styling components & Rapid API for fetching youtube videos and channels.

Youtube Video Player Clone

The most complete dashboard with all the feature rich components such as graphs, charts, kanban, calender, color picker and much more. The library used in this project is SyncFusion and its the best containing thousands of components which is required for a interactive modern website. 

Thanks to Javascript Mastery for creating this wonderful project.

Modern SyncFusion Dashboard App

A Simple Medium Blog Post Clone built using NextJS and Sanity CMS. Styling is done using the powerful Tailwind CSS and hosted on Vercel. This app has the feature to add new blog posts easily using SanityCMS and the feature for the users to add comments on the blog posts.