Motivated and self-driven web development fresher with a solid understanding of
HTML, CSS, and JavaScript. Skilled in building responsive and visually appealing
websites and familiar with frameworks like React and Bootstrap. Seeking an entry-
level web developer position to contribute in dynamic projects, enhance user
experience, and continuously expand technical expertise. Seeking opportunities to
apply problem-solving skills and creativity in a collaborative development team.
education- Relevant coursework: Web Development, Object-Oriented Programming, Data
Structures, and Algorithms
Technical Skills
Languages: HTML, CSS, JavaScript, Python (Basics)
Frameworks/Libraries: Bootstrap, React, Node.js (Basics)
Tools: Git/GitHub, Visual Studio Code, Chrome DevTools
Databases: MySQL, MongoDB (Basics)
Other Skills: Responsive Design, Cross-Browser Testing, API Integration
Projects
Soft Skills
Strong problem-solving abilities
Excellent communication and collaboration skills
Highly organized and detail-oriented
Technologies Used Key Features Technologies Used Key Features Design Techniques
1. Amazon Store Clone : An Amazon store clone is a web application mimicking
Amazon's e-commerce platform.
Next Js : Framework for building the frontend with server-side rendering (SSR) and
static site generation for better performance
Dynamic routing is used for product pages.
Firebase : Used Firebase a Backend service to handle real-time database storage and
serverless functions.
NextAuth.js : Implements authentication, enabling login via Google.
Tailwind Css: CSS framework for designing a responsive UI. Simplifies custom
styling for the layout, navigation, and product components.
Fakestore API : Provides mock product data, including product names, descriptions,
categories, images, and prices, to populate the store dynamically.
Product Listing :Dynamically fetches product data from the FakeStore API and
displays it in a grid with category filters.
User Authentication : Users can log in using social accounts (Google) or other
configured methods via NextAuth.js.
Authentication state persists across sessions.
Shopping Cart: Allows users to add and remove, cart state persists while browsing.
Checkout : checkout system integrates with Firebase for secure order storage.
2. STARBUCKS LANDING PAGE : A Starbucks Home Page Clone is a static web page built
to replicate the design and layout of Starbucks' official homepage. Here's a brief
summary:
HTML : Provides the structure and semantic elements of the webpage.
Includes sections like the header, product highlights, footer, and navigation.
CSS : Responsible for styling the page and ensuring it visually resembles
Starbucks' design.
Implements layout techniques such as Flexbox and Grid for responsive design.
Header Section : A navigation bar featuring the Starbucks logo, menu links, and
possibly a "Sign In" button.
Fixed or sticky header for consistent access during scrolling.
Product Highlights : Showcases popular or seasonal drinks with accompanying images,
descriptions, and links to learn more.
Responsive Design : Optimized for desktops, tablets, and mobile devices using media
queries.
Smoothly adjusts layouts and font sizes for different screen sizes.
Footer Section : Contains information about contact information, and other useful
pages like "Privacy Policy" and "Terms of Service."
Typography: Uses Starbucks-inspired fonts or similar sans-serif alternatives for a
clean and modern look.
Color Scheme : Incorporates Starbucks' signature colors like green, white, and
black to maintain brand consistency.
Hover Effects : Adds interactive elements, such as hover transitions on buttons and
links, for a polished user experience.
