Discover ShaifArfan/artistic Open Source project

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.

658

30days30submits

A complete Todo application with all features.

471

react-todo-app

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.

185

AYANs-portfolio

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

154

frontend-mentor-challenge

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

131

AMYs-Portfolio

122

HTML-CSS-Mini-Project-portfolio

A HTML, CSS Project. Made with ♥ by the web cifar community.

117

shaif-s-cuisine

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

techHub-blog

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

wc-project-tutorials

html-css-resume

Simple Resume built in HTML CSS only!

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

meal-khuj

A simple task management tool using MERN Stack.

mern-task-management-tool

A simple responsive portfolio website with dark mode feature.

react-tailwind-portfolio

A simple blog website using Next.js, MDX.

next-mdx-simple-blog

HTML & tailwindCSS landing page for podcast

tailwind-podcast-landing-page

Basic CRUD operations with Express.js and MongoDB

express-mongodb-crud

JWT complete auth with access token and refresh token

ShaifArfan

✨

jwt_auth_with_access_n_refresh_token

Displacement-images

zustand-quick-tutorial

Zustand Quick Tutorial

A quick server using Express & typescript.

express-ts-quick-server

react-admonition-component

Rock Paper Scissors with React.js

rock-paper-scissore-react

Router Progressbar setup using NProgressbar.

react-router-progressbar

Privat rotues with different techs.

private-routes

POSTGRES & Express Crud API

postgres-express-crud

job-finder-pern-porject

My Personal Portfolio Website

shaifarfan.com

Astro

markdown-previewer

socket.io-test