Hello, my name is

Shivani pandey

I am a Frontend Developer

About Me

shivani-photo

About Me

Developer & Designer

As a passionate MERN Stack Developer, I bring a solid foundation in React, Node.js, Express, MongoDB, and Tailwind CSS, all fueled by my unwavering commitment to lifelong learning. I thrive in collaborative environments, eagerly soaking up knowledge from others and constantly seeking new opportunities to grow my skills. With a strong grip on frontend and backend technologies, I'm driven to continually refine my craft, explore new creative possibilities, and evolve into a better developer every day.

My Technical Skills

React.js

React.js

 Express.js

Express.js

 Node.js

Node.js

 MongoDB

MongoDB

 HTML5

HTML5

 CSS3

CSS3

 JavaScript

JavaScript

Python

Python

 Tailwind CSS

Tailwind CSS

 Git

Git

 GitHub

GitHub

 Postman

Postman

 Bootstrap

Bootstrap

 VSCode

VSCode

 Vite

Vite

 Netlify

Netlify

GitHub Stats

shivanipandey5678

shivanipandey5678

Github Calendar

GitHub Contribution Chart

Projects

Project Image

Wanderlust Full-Stack Project

Wanderlust is a full-stack travel booking application built using the MERN Stack. It allows users to browse, search, and filter various accommodations. The platform includes secure user authentication, authorization (only owners can edit/delete listings), review and rating systems, dynamic image uploading via Cloudinary, and a fully responsive UI. It follows the MVC architecture and real-time updates ensure a smooth user experience. The backend is connected with MongoDB Atlas and frontend and backend are fully deployed on Render.

Tech Stack: Node.js, Express.js, MongoDB, Mapbox, Bootstrap 5, Cloudinary, EJS, JWT Authentication, Passport.js, Joi, Connect-Flash

Project Image

Priscripto | Appointment Booking System

Priscripto is a feature-rich full-stack web application designed for seamless appointment management. It provides dedicated portals for Users, Doctors, and Admins. Users can register, login, book appointments with doctors, and manage their bookings. Doctors can set available time slots, view upcoming appointments, and manage their schedules. Admins have access to oversee user and doctor activities, verify doctors, and manage the entire system. The application ensures secure authentication using JWT tokens and offers a smooth and responsive user experience across all devices. Real-time updates and robust backend APIs power the system, making it efficient and reliable.The project follows the MVC (Model-View-Controller) architectural pattern for better code organization and scalability.

Tech Stack: MongoDB, Express.js, React.js, Node.js, Cloudinary, React Toastify, Tailwind CSS, Axios, JWT (JSON Web Tokens), Mongoose, Git & GitHub

Project Image

Khol-s-website Clone

The Kohl's website clone is a comprehensive project built using React and Chakra UI and JS , showcasing advanced frontend and backend capabilities. It features secure user authentication and dynamic routing for smooth navigation. The real-time password feedback enhances user experience during account creation. Users can easily add items to their cart and delete them, with changes reflected instantly thanks to seamless integration with Axios. The project simulates a backend using JSON Server, deployed on Render, and efficiently manages user data with LocalStorage.

Tech Stack: HTML5, CSS3, JavaScript, React, Chakra UI, JSON Server, Axios, LocalStorage

Project Image

bigbasketclone

The BigBasket Clone project is a fully responsive e-commerce website designed to offer an optimal user experience across all devices, from mobile phones to desktops. It features advanced sorting functionality, allowing users to sort products by price, rating, and discount in both ascending and descending orders. A robust search feature enables users to find products quickly from the product page. Product data is dynamically retrieved from a JSON file, simulating a realistic backend environment. The project includes user authentication capabilities, allowing users to sign up, log in, and add products to their cart, with secure redirection to the login page if they attempt to access the cart without logging in. LocalStorage is used to store user data and cart information, ensuring persistence and quick access.

Tech Stack: HTML5, CSS3, JavaScript, Fetch API, LocalStorage

Project Image

Image Search App

This web application lets you search for high-quality images using the Unsplash API. Enter a keyword to explore a diverse gallery of stunning photos, and use the "Show More" button to load additional images. The app is fully responsive, ensuring a smooth experience on all devices.

Tech Stack: HTML5, CSS3, JavaScript, Unsplash API

Contact me

Thank you for exploring my digital journey. Let's craft something extraordinary together!