Hello! This is my repo where I put all my completed challenges from Frontend Mentor.
I am learning frontend development and these projects are my practice. I am using HTML, CSS, and JavaScript. Also some Tailwind CSS. I am trying my best to improve my skills.
You can see my live website here: https://sarfaraz.is-a.dev/frontendmentor/
This is the main place for all my projects. The main index.html page uses data.json to show all projects. It is made with simple HTML, CSS, and JavaScript. Every project is in its own folder.
- HTML5
- CSS3 (Flexbox, Grid)
- JavaScript (ES6+)
- Tailwind CSS
- Responsive Design
I also tried to add some good features to my website.
- Good meta tags for SEO so Google can find it.
- Also meta tags for Facebook and Twitter sharing.
- I made
sitemap.xmlandrobots.txtfor search engines. - Using canonical URLs so no duplicate page.
- Images load lazy for faster speed.
- You can install this website like an app on your phone.
- It works offline also because of service worker.
- I have made
site.webmanifestfile for the app.
Here are all the projects I have done:
- 3 Column Preview Card Component
- Age Calculator App
- Article Preview Component
- Base Apparel Coming Soon
- Bento Grid
- Calculator App
- Expenses Chart Component
- FAQ Accordion Card
- Four Card Feature Section
- Fylo Dark Theme Landing Page
- GitHub User Search App
- Huddle Landing Page
- Interactive Card Details Form
- Interactive Rating Component
- Intro Component with Signup Form
- Invoice App
- Multi-Step Form
- News Homepage
- Newsletter Signup Form
- NFT Preview Card Component
- Notifications Page
- Order Summary Component
- Ping Coming Soon Page
- Product List with Cart
- Product Preview Card Component
- Profile Card Component
- QR Code Component
- Results Summary Component
- Rock Paper Scissors
- Single Price Grid Component
- Social Proof Section
- Stats Preview Card Component
- Sunnyside Agency Landing Page
- Testimonials Grid Section
- Tip Calculator App
Thank you for seeing my work. Please give me feedback!