Shaif Arfan

one-page-website-html-css-project. This project is for html & css practice. We made this for youtube tutorial purpose.

30days30submits. This is a challenge that I took to boost my HTML, CSS & JS skills. I made 30 submits and they are basically some little components or js apps.

react-todo-app. A complete Todo application with all features.

AYANs-portfolio. A portfolio for a web designer. We used React js to make this portfolio. A clean design with full responsiveness. You will find this portfolio very professional. Also we added smooth scroll in the portfolio which will make the user experience really elegant.

AMYs-Portfolio. This project is for HTML & CSS practice. AMY is a fictional character. She is a freelance web designer. We made this nice portfolio for her with mainly HTML & CSS. Though we used few lines of js but the main purpose of this project is to practice HTML & CSS

frontend-mentor-challenge. Here you will find all the challenges that we took from frontend-mentor.

HTML-CSS-Mini-Project-portfolio. CSS

shaif-s-cuisine. A HTML, CSS Project. Made with ♥ by the web cifar community.

wc-project-tutorials. List of all the project tutorials from Web Cifar YouTube Channel ✨

html-css-resume. Simple Resume built in HTML CSS only!

techHub-blog. A complete blog website using sanity.io + gatsby.js

artistic. Artistic is a landing page for a photography studio. This is a well-designed and responsive landing page with dark mode feature.

meal-khuj. A react app, where you can find meals recipe and save your favorite recipe for later.

react-tailwind-portfolio. A simple responsive portfolio website with dark mode feature.

mern-task-management-tool. A simple task management tool using MERN Stack.

tailwind-podcast-landing-page. HTML & tailwindCSS landing page for podcast

next-mdx-simple-blog. A simple blog website using Next.js, MDX.

authJS-nextJS-example. TypeScript

express-mongodb-crud. Basic CRUD operations with Express.js and MongoDB

ShaifArfan. ✨

public-apis. A collective list of free APIs for use in software and web development.

Displacement-images.

developer-roadmap. Roadmap to becoming a web developer in 2021

jwt_auth_with_access_n_refresh_token. JWT complete auth with access token and refresh token

react-router-progressbar. Router Progressbar setup using NProgressbar.

express-ts-quick-server. A quick server using Express & typescript.

react-admonition-component. JavaScript

zustand-quick-tutorial. Zustand Quick Tutorial

clean-code-javascript. :bathtub: Clean Code concepts adapted for JavaScript

markdown-previewer. JavaScript

mantine. A fully featured React components library

job-finder-pern-porject. TypeScript

socket.io-test. TypeScript

shaifarfan.com. My Personal Portfolio Website

postgres-express-crud. POSTGRES & Express Crud API

nextjs-fullstack-todo-app. TypeScript

private-routes. Privat rotues with different techs.