└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # WC Project Tutorials 2 | 3 | **Here is the list of all project tutorials.** 4 | 5 | Projects order is based on recommendation. 6 | we will update this list as we get more tutorials. 7 | so watch/star/bookmark this repository. 8 | 9 | ## Types of projects: 10 | 11 | - [HTML CSS Projects](#html-css-projects) 12 | - [React JS Projects](#react-js-projects) 13 | - [Gatsby JS Projects](#gatsby-js-projects) 14 | - [Next JS Projects](#next-js-projects) 15 | - [MERN Stack Projects](#mern-stack-projects) 16 | - [Others](#others) 17 | 18 | ### HTML CSS Projects 19 | 20 | | Project Name | Difficulty | Created_at | Description | 21 | | ------------------------------------------------------------------------------------------------ | ---------- | ---------- | ---------------------------------------------- | 22 | | [HTML CSS Resume](https://github.com/ShaifArfan/html-css-resume) | `Easy` | Jun 2022 | A Simple resume website using HTML CSS only. | 23 | | [Podcast Landing Page](https://github.com/ShaifArfan/tailwind-podcast-landing-page) | `Easy` | Nov 2022 | HTML & `Tailwind CSS` landing Page for Podcast | 24 | | [Shaif's Cuisine](https://github.com/ShaifArfan/shaif-s-cuisine) | `Medium` | Oct 2021 | A 5 pages website for a local restaurant. | 25 | | [Amy's Portfolio](https://github.com/ShaifArfan/AMYs-Portfolio) | `Easy` | Mar 2021 | A portfolio website for a web designer. | 26 | | [One Page Portfolio](https://github.com/WebCifar/one-page-website-html-css-project-for-practice) | `Easy` | Mar 2020 | A one page portfolio website for practice. | 27 | 28 | ### React JS Projects 29 | 30 | | Project Name | Difficulty | Created_at | Description | 31 | | --------------------------------------------------------------------------------- | ---------- | ---------- | --------------------------------------------------------------------------- | 32 | | [Rect Tailwind Portfolio](https://github.com/ShaifArfan/react-tailwind-portfolio) | `Easy` | May 2022 | portfolio website with `dark mode` feature using `tailwind css` | 33 | | [Todo App](https://github.com/ShaifArfan/react-todo-app) | `Medium` | Jan 2022 | A complete todo app with `react`, `redux`, `framer motion`. | 34 | | [Artistic](https://github.com/ShaifArfan/artistic) | `Easy` | Dec 2021 | one page photography website with 🌓 `dark mode` using `styled-components`. | 35 | | [Ayan's Portfolio](https://github.com/ShaifArfan/AYANs-portfolio) | `Easy` | Jun 2021 | A complete portfolio website for a web designer. | 36 | 37 | ### Gatsby JS Projects 38 | 39 | | Project Name | Difficulty | Created_at | Description | 40 | | ---------------------------------------------------------- | ---------- | ---------- | ------------------------------------------------------ | 41 | | [TechHub-Blog](https://github.com/ShaifArfan/techHub-blog) | `Medium` | Apr 2022 | A Complete blog website using `GatsbyJS` & `Sanity.io` | 42 | 43 | ### Next Js Projects 44 | 45 | | Project Name | Difficulty | Created_at | Description | 46 | | --------------------------------------------------------------------- | ---------- | ---------- | --------------------------------------------------------- | 47 | | [Next + MDX Blog](https://github.com/ShaifArfan/next-mdx-simple-blog) | `Medium` | Sept 2022 | A simple blog website using `Next.js` & `next-mdx-remote` | 48 | | [Meal-khuj](https://github.com/ShaifArfan/meal-khuj) | `Medium` | Sept 2022 | Recipe App using `NextJS` & `React Query` | 49 | 50 | ### MERN Stack Projects 51 | 52 | | Project Name | Difficulty | Created_at | Description | 53 | | --------------------------------------------------------------------------------------------------- | ---------- | ---------- | ----------------------------------------------------------------------------- | 54 | | [Task Management App](https://github.com/ShaifArfan/task-management-tool-tut/tree/youtube-tutorial) | `Easy` | Aug 2022 | A Simple Todo App. Where users can create new account and manage their tasks. | 55 | 56 | ### Others 57 | 58 | | Project Name | Description | 59 | | ----------------------------------------------------------------------------------- | ------------------------------------------------- | 60 | | [#30days30Submits](https://github.com/ShaifArfan/30days30submits) | Create 30 small to medium projects in 30 days. | 61 | | [Frontend Mentor Challenges](https://github.com/WebCifar/frontend-mentor-challenge) | A collection of challenges from frontend mentors. | 62 | --------------------------------------------------------------------------------