priyanka's profile picture

Priyanka

Hi I am a self tought Frontend Developer and this page I made while trying to make twitter clone where I have showcased frontend challenges from FrontendMentor learning with awesome mentors and community. I am good at tailwind css and Alpine js. But learning journey still continuous. I am ready to apply my knowledge for your project

faq accordion logo

Faq accordion

@frontendmentor

FAQ accordion made using tailwindcss and alpine js.

faq-accordion
intro-form logo

Base apperal coming soon page

@frontendmentor

This page is made using tailwind css and vanila javascript.

Base apparel
intro-form logo

Article preview component

@frontendmentor

Interesting challenge. Here I used Alpine js to show toggle effect social media icons. For large screen the toggling div is different.

Article preview component
intro-form logo

Intro sign-up Form

@frontendmentor

It was nice exercise of form validation.

Intro signup form
learn awesome logo

Learn Awesome

@Learn_Awesome

I contributed in this awesome open source project by fixing some UI and UX design. You can find many learning resources here for free.

A learner learning on a computer
priyanka profile cards logo

Profile cards

@personal project

After getting inspired from the component on csstricks website I tried to make this version of my portfolio.

A learner learning on a computer
e-commerce logo

E-commerce page

@frontendmentor

This e-commerce page has optimal layout depending on users screen size. Lightbox galary and can add items in the cart

E-commercePage
chat app logo

Chat app

@frontendmentor

Built this entire app illustration from scratch. Responsive webpage.

E-commercePage
front end mentor logo

Time track

@frontendmentor

Extensive use of css grid and flexbox properties. Switch between viewing Daily, weekly and monthly stats.

E-commercePage
front end mentor logo

Order Summary

@frontendmentor

Created hover states for interactive elements and basic layout.

E-commercePage
front end mentor logo

3 Column Preview

@frontendmentor

Responsive webpage using css grid properties.

E-commercePage
front end mentor logo

Testimonial grid page

@frontendmentor

Responsive webpage using css grid properties.

testimonial grid page
front end mentor logo

4 Card features

@frontendmentor

Responsive webpage with css grid properties.

E-commercePage
front end mentor logo

Huddle landing page

@frontendmentor

Responsive webpage

E-commercePage
nft logo

NFT preview

@frontendmentor

Created hover states for interactive elements.

E-commercePage
ping logo

Ping coming soon Page

@frontendmentor

Responsive webpage with form validation

ping page
tip calculator logo

Tip calculator

@frontendmentor

Active tip calculator functionality which calculate the correct tip and total cost of the bill per person. Responsive webpage.

tip calculator
sunnyside logo

Sunnyside landing Page

@frontendmentor

Responsive webpage with dropdown mobile menu.

sunnyside landing page
profile card component logo

Profile Card Component

@frontendmentor

profile card component
single page price grid logo

Single page price component

@frontendmentor

Single page price grid
social proof logo

Social Proof

@frontendmentor

Social proof
stats preview logo

Stats Preview

@frontendmentor

Basic layout and responsive webpage.

Stats preview