Posts

Dsa

C Code For Liked List and its Operations Using Arrays in Data Structure #include<stdio.h> #include <stdlib.h> struct Node{     int data;     struct Node *next; }; void Traversal(struct Node *ptr){     while(ptr != NULL){         printf("%d -> ",ptr->data);         ptr = ptr->next;     } } // insert at begining struct Node * insertAtFirst(struct Node *head,int data){     struct Node *ptr = (struct Node *)malloc(sizeof(struct Node));     ptr->next = head;     ptr->data = data;     return ptr; } // insert at end  struct Node * insertAtEnd(struct Node *head,int data){     struct Node *ptr = (struct Node *)malloc(sizeof(struct Node));     struct Node *p = head;     ptr->data = data;          while(p->next != NULL){         p = p->next;     }   ...
Post a Comment
Read more

Lets build a Markdown blog using Next.js, Shadcn, Tailwind, Pieces, Remark & Rehype 🔥

 Building a Markdown blog using **Next.js**, **Shadcn**, **Tailwind CSS**, **Pieces**, **Remark**, and **Rehype** is a fantastic idea! This stack will give you a modern, performant, and highly customizable blog. Let’s break it down step by step. --- ### **1. Set Up Next.js Project** Start by creating a new Next.js project: ```bash npx create-next-app@latest my-markdown-blog cd my-markdown-blog ``` --- ### **2. Install Tailwind CSS** Install Tailwind CSS and configure it: ```bash npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` Update `tailwind.config.js`: ```javascript /** @type {import('tailwindcss').Config} */ module.exports = {   content: [     "./app/**/*.{js,ts,jsx,tsx}",     "./pages/**/*.{js,ts,jsx,tsx}",     "./components/**/*.{js,ts,jsx,tsx}",   ],   theme: {     extend: {},   },   plugins: [], }; ``` Add Tailwind to your `globals.css`: ```css @tailwind base; @tailwind components; @...
Post a Comment
Read more

Todo List app using html,js and tailwind.css with features login,logout,storing the data in localstorage addtodos,deletetodos and updating todos,toastify library and many more

Image
  Here's a fully functional To-Do List app with login/logout functionality, item management (add, edit, delete), and local storage for data persistence. The app uses HTML, CSS (with Tailwind CSS for design), and JavaScript for the logic. File Structure: index.html - The main structure of the app style.css - Custom styles (if needed) script.js - JavaScript logic for the app You can use Tailwind CSS CDN for simplicity to quickly apply beautiful styles. Features Breakdown: Login/Logout : The user can log in by entering a username and password. After logging in, they can manage their to-do list. If not logged in, they are redirected to the login screen. To-Do Management : The user can add, edit, and delete items from the to-do list. Local Storage : All data is stored in the browser's local storage, so the data persists even after the page is refreshed. Tailwind CSS : The app uses Tailwind CSS to create a clean, responsive, and modern design. You can run this code by creating th...
Post a Comment
Read more

Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners fre

Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners Certainly! Here's the content without the timings: Project Breakdown: Introduction - Create a project : Kick off the project, set up an initial plan, and define the scope. Tables : Design and create tables for storing data in a relational database system. RLS (Row Level Security) : Set up Row Level Security to restrict access to certain rows of data based on the user. Authentication : Implement user authentication (login system) for controlling access to the application. User Management : Manage user profiles, roles, permissions, and other related activities. Recover Password : Implement functionality to allow users to reset their passwords securely. E-mails Templates : Create email templates for sending notifications, alerts, or welcome messages. URL Configuration : Define routes and URLs for your application, setting up routing to different views or pages. Read, I...
Post a Comment
Read more

React Portflio Website Basic to Advance

To build a React-based portfolio website with Tailwind CSS, follow these steps to integrate Tailwind and style your components. 1. Set Up Tailwind CSS in Your React Project First, create a new React project and install Tailwind CSS.   npx create-react-app portfolio-website  cd portfolio-website  npm install -D tailwindcss postcss autoprefixer  npx tailwindcss init After running ,    npx tailwindcss init   a    tailwind.config.js  file will be created. Now, configure Tailwind to purge unused styles by editing tailwind.config.js as follows: tailwind.config.js /** @type {import('tailwindcss').Config} */ module . exports = {   content : [     " ./src/**/*.{js,jsx,ts,tsx} " ,   ],   theme : {     extend : {},   },   plugins : [], } 2. Add Tailwind Directives to CSS Create a new file  src / index .css   (or edit the existing one) to include the Tailwind directives: sr...
Post a Comment
Read more