ixahmedxi

const gulp = require('gulp')
const browserSync = require('browser-sync').create()

gulp.task('browser-sync', () => {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    })
})

ixahmedxi

const gulp = require('gulp')
const browserSync = require('browser-sync').create()

gulp.task('browser-sync', ['sass'], () => {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    })
    

ixahmedxi

const gulp = require('gulp')
const sass = require('gulp-sass')

gulp.task('sass', () => {
  return (
    gulp.src('src/styles/*.scss')
      .pipe(sass())
      .pipe(gulp.dest('./dist/'))
  )
})

ixahmedxi

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: require('path').resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.scss$/,

ixahmedxi

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import Waypoint from 'react-waypoint'

class ClassPoint extends Component {
  constructor(props) {
    super(props)
    this.state = { active: false }
    this.onEnter = this.onEnter.bind(this)
    this.onLeave = this.onLeave.bind(this)

ixahmedxi

export type TConfigMode = 'development' | 'production'

ixahmedxi

import * as dotenv from 'dotenv'
import * as fs from 'fs'

export class ConfigService {
  private readonly envConfig: { [key: string]: string }

  constructor(mode: 'development' | 'production') {
    this.envConfig = dotenv.parse(fs.readFileSync(`${mode}.env`))
  }

ixahmedxi

import { AnimatePresence, motion } from "framer-motion";
import { PropsWithChildren } from "react";
import useResizeObserver from "use-resize-observer";

const ignoreCircularReferences = () => {
  const seen = new WeakSet();
  return (key: string, value: Record<string, unknown>) => {
    if (key.startsWith("_")) return;
    if (typeof value === "object" && value !== null) {
      if (seen.has(value)) return;

ixahmedxi

import path from 'path';
import { fileURLToPath } from 'url';

import comments from '@eslint-community/eslint-plugin-eslint-comments/configs';
import { FlatCompat } from '@eslint/eslintrc';
import js from '@eslint/js';
import nextPlugin from '@next/eslint-plugin-next';
import eslintConfigPrettier from 'eslint-config-prettier';
import hooksPlugin from 'eslint-plugin-react-hooks';
import reactRecommended from 'eslint-plugin-react/configs/recommended.js';

ixahmedxi

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  * {
    @apply border-border;
  }

  body,