{"data":{"featured":{"edges":[{"node":{"frontmatter":{"title":"Doctor Appointment Website","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGAgT/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAAB4Xc1QWNDRF//xAAaEAACAgMAAAAAAAAAAAAAAAAABAERIzNC/9oACAEBAAEFAuU9VFiE4T//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAwEBPwGn/8QAFhEAAwAAAAAAAAAAAAAAAAAAAhAx/9oACAECAQE/ATi//8QAGRAAAgMBAAAAAAAAAAAAAAAAARAAITFx/9oACAEBAAY/AhNos9X/xAAbEAEAAgIDAAAAAAAAAAAAAAABABEhQWGB8P/aAAgBAQABPyELyagrYlnE7wUSm/SBif/aAAwDAQACAAMAAAAQu8//xAAWEQEBAQAAAAAAAAAAAAAAAAABEBH/2gAIAQMBAT8QEmT/xAAWEQADAAAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8QCL//xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMWFRkaHw/9oACAEBAAE/ELB3B+IiqH04twnyOufaofBM6IhyodHjEIxe9z//2Q=="},"images":{"fallback":{"src":"/static/9be1665872e6b709658acba8f3b9e0fd/2b365/doctor.jpg","srcSet":"/static/9be1665872e6b709658acba8f3b9e0fd/8f9ea/doctor.jpg 175w,\n/static/9be1665872e6b709658acba8f3b9e0fd/3f5de/doctor.jpg 350w,\n/static/9be1665872e6b709658acba8f3b9e0fd/2b365/doctor.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/9be1665872e6b709658acba8f3b9e0fd/d6c11/doctor.avif 175w,\n/static/9be1665872e6b709658acba8f3b9e0fd/d7667/doctor.avif 350w,\n/static/9be1665872e6b709658acba8f3b9e0fd/7ec1a/doctor.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/9be1665872e6b709658acba8f3b9e0fd/307e4/doctor.webp 175w,\n/static/9be1665872e6b709658acba8f3b9e0fd/26a00/doctor.webp 350w,\n/static/9be1665872e6b709658acba8f3b9e0fd/f23f0/doctor.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":394}}},"tech":["MongoDB","ExpressJS","React","NodeJS"],"github":"https://github.com/yashjri/prescripto","external":"https://prescripto1.vercel.app/","cta":null},"html":"

This is the Full Stack Doctor Appointment Booking system. I used React JS, MongoDB, Express JS, and Node JS to build my own appointment booking website, so It will be a MERN Stack project.

\n

This full-stack appointment booking system can be used by a doctor or a hospital. In this project, I have created 3 levels of authentication.

\n

1st one is for Patients so that patients can log on to the website, book appointments with doctors, and manage the booked appointments.

\n

The 2nd one is the Doctor Login, so the doctor can log in and check their appointments and earnings. The doctor can also update their profile from the dashboard.

\n

3rd one is Admin Dashboard where the admin can manage the appointment and the admin can also manage the doctor profile.

\n

In this full-stack application, I integrated the online payment gateways so that users can pay the appointment fee online on this website.

"}},{"node":{"frontmatter":{"title":"Imagify","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAABJ0AAASdAHeZh94AAACyUlEQVQozyWQ60tTAQDF778QJBVlL9JbQTlRlq/msrWlTtua4vLRmllqqWHJsodlL6KCDKMHFJSVYaXgBykpiqKCiiJLsJclmFnilLbd3Xs3t/2qdeDA+fTjnCPEZScSb9Ui2tMRN2YiVhiIrzYi7shGdOUj7rOiOV6K+XIjTb2X6R16zZj6G5kgcljFOyVHsxRR8IUVhOmpC5mmiyPGuJiYvGXMKEwibstq4mtMLGnIY3a9kYauM3implBCAf5JCvkZnfjJu4/99H8ZYHDkG96QH19YRmg64aK96wLn7lzhUvc1Dl1tYZFzFWK1iaX1uSzYuZacM7X/G0QUPGE/n90enn/6zuD3r1HohOzBTxBvSEZoaW2m9247N3q6uXWvi9MdF5lVmEysI4PYLZnMrzOydI+VNyMfUCIBJlUv44qfyYDMzc5bdPf2MOL+wZjXjRRRERLLM0l3pmGoSMVYbUNfZaHoYBWmxjJsx7ajP1BGTI2etjf3onNVIECEvo99dHS1095xhdud1xn+OYRMACHJqqXEZSKvUoetrgxLfSnlR3ZQedLFqZsXyD1ayTxHKs5DtTx8dJ9nj+8yMDjAs5dPePv+FSNjw9FP5X+XTEkIKbVmjHvXs6HZTLGriG2HG7DvqSC2QMts+wpinCupaSohd9lcUuNm4shJoe18S7StHFYYHR/F7XUjh+Sohfh0kYQcDcn5CWitaRjLLRi2WllUuAKxTMccp57NrgL22/Qc21lKYnEpbTeuESLIuMeNT5WQghJSQMIf9COsqipBX+dgZb0TXYMFfaMFw8EC8k7uZoljNQvK9SQaNJwuMXG0Ih+zOYMTra2ECPFrcgxJ9SGpXiTFgxKUEJZnJZOQnYYmPwONLY2kYh3Jm7LQVloQ7RnMtaewpnodu3YVsaE4i46zzbx4+oBAJMj4xC880iRywIdf9SL/Bf4BPYEhWHe2rAkAAAAASUVORK5CYII="},"images":{"fallback":{"src":"/static/f041e78bb4c0d7ea6a35896bd355f84b/2ec48/texttoai.png","srcSet":"/static/f041e78bb4c0d7ea6a35896bd355f84b/a4c39/texttoai.png 154w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/4eaa7/texttoai.png 308w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/2ec48/texttoai.png 616w","sizes":"(min-width: 616px) 616px, 100vw"},"sources":[{"srcSet":"/static/f041e78bb4c0d7ea6a35896bd355f84b/23b49/texttoai.avif 154w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/ac02f/texttoai.avif 308w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/ef5ba/texttoai.avif 616w","type":"image/avif","sizes":"(min-width: 616px) 616px, 100vw"},{"srcSet":"/static/f041e78bb4c0d7ea6a35896bd355f84b/5c9f3/texttoai.webp 154w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/8196d/texttoai.webp 308w,\n/static/f041e78bb4c0d7ea6a35896bd355f84b/e2685/texttoai.webp 616w","type":"image/webp","sizes":"(min-width: 616px) 616px, 100vw"}]},"width":700,"height":332.95454545454544}}},"tech":["MongoDB","ExpressJS","React","NodeJS"],"github":"https://github.com/yashjri/imagifyy","external":"https://imagify-f.vercel.app/","cta":null},"html":"

In this project, I created a Full-Stack AI SaaS Application Using MongoDB, Express, React, and Node.js. I made a Text to Image generator App that allows everyone to generate images using AI.

\n

I made the credit system to generate the image and users can purchase more credits using the online payment gateway that I had integrated with this app.

\n

In this Full Stack AI React project, I have created user authentication using MongoDB, Express, React, and Node JS to create an account and log into an existing one. User account details will be stored in the MongoDB database. I generated the images using Clipdrop API.

"}},{"node":{"frontmatter":{"title":"Forever Buy Website","cover":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQFA//EABYBAQEBAAAAAAAAAAAAAAAAAAMBAv/aAAwDAQACEAMQAAABlUV9Vw0JkT//xAAaEAACAgMAAAAAAAAAAAAAAAABAgARAxIy/9oACAEBAAEFAtbmFQhZLYdCOxB//8QAFxEAAwEAAAAAAAAAAAAAAAAAAQIQEf/aAAgBAwEBPwEPs//EABkRAAEFAAAAAAAAAAAAAAAAAAABAhEhUf/aAAgBAgEBPwFyQXp//8QAHRAAAgAHAQAAAAAAAAAAAAAAAAECAxAhIjFRgf/aAAgBAQAGPwJXOsxhl+quz//EABkQAAIDAQAAAAAAAAAAAAAAAAABESExYf/aAAgBAQABPyHDrBPdImyacLoJU0xMhlR//9oADAMBAAIAAwAAABAID//EABYRAQEBAAAAAAAAAAAAAAAAAAARAf/aAAgBAwEBPxCdlf/EABkRAQACAwAAAAAAAAAAAAAAAAEAESExkf/aAAgBAgEBPxB8Rhc27P/EABwQAQADAAIDAAAAAAAAAAAAAAEAESFhgUFRcf/aAAgBAQABPxC6tCo2FB1sbN8OY8MJlYtA31kApPcSVeIdGaz6z//Z"},"images":{"fallback":{"src":"/static/c22ca67e8c89910dbda30f2ee196bc33/2b365/forever.jpg","srcSet":"/static/c22ca67e8c89910dbda30f2ee196bc33/1849b/forever.jpg 175w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/3f5de/forever.jpg 350w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/2b365/forever.jpg 700w","sizes":"(min-width: 700px) 700px, 100vw"},"sources":[{"srcSet":"/static/c22ca67e8c89910dbda30f2ee196bc33/dae43/forever.avif 175w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/d7667/forever.avif 350w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/7ec1a/forever.avif 700w","type":"image/avif","sizes":"(min-width: 700px) 700px, 100vw"},{"srcSet":"/static/c22ca67e8c89910dbda30f2ee196bc33/5d873/forever.webp 175w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/26a00/forever.webp 350w,\n/static/c22ca67e8c89910dbda30f2ee196bc33/f23f0/forever.webp 700w","type":"image/webp","sizes":"(min-width: 700px) 700px, 100vw"}]},"width":700,"height":394}}},"tech":["MongoDB","ExpressJS","React","NodeJS"],"github":"https://github.com/yashjri/ecommerce-app","external":null,"cta":"https://forever-buy.vercel.app/"},"html":"

In this project, I learnt to build and deploy an eCommerce website using React JS, MongoDB, Express JS, Node JS. After building this e-Commerce project using MERN Stack, I deployed it online on Vercel.

\n

In this E-Commerce website project, user can explore products, filer and short the product and user can add the product in cart by selecting product variant like size. User can also order the product by providing the delivery address and using any Payment method either Cash on Delivery or Online payment. In this Full Stack e commerce project I added 2 online payment gateways that is Stripe and Razorpay. So that customer can pay online and place the order.

\n

I also built the admin dashboard of this eCommerce website so that admin can upload the project, delete the product or check all products added on the store. I built this eCommerce backend project / Backend API's using Node.js and Express and all products, user and order data will be stored on MongoDB database.

\n

After completing this full stack project's ( Frontend and Backend ) I deployed it on Vercel so that anyone can explore this ecommerce website.

"}}]}}}