https://github.com/nasib15/scic-client

A basic Fullstack website where an user can perform some basic search, filtering functionalities
https://github.com/nasib15/scic-client

javascript reactjs tailwindcss tanstack-query

Last synced: 22 days ago
JSON representation

A basic Fullstack website where an user can perform some basic search, filtering functionalities

• Host: GitHub
• URL: https://github.com/nasib15/scic-client
• Owner: nasib15
• Created: 2024-08-14T11:40:41.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-18T12:16:20.000Z (5 months ago)
• Last Synced: 2024-08-18T18:13:35.099Z (5 months ago)
• Topics: javascript, reactjs, tailwindcss, tanstack-query
• Language: JavaScript
• Homepage:
• Size: 532 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Project Setup

## 1. **React Router Setup:**

```

npm create vite@latest name-of-your-project -- --template react

# follow prompts

cd 

npm install react-router-dom

npm install localforage match-sorter sort-by

```

## 2. **Tailwind CSS and DaisyUI Setup:**

### Install Tailwind CSS and DaisyUI:

```

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

npm i -D daisyui@latest

```

### Add the paths to all of your template files in your tailwind.config.js file.

```

/* eslint-disable no-undef */

/** @type {import('tailwindcss').Config} */

export default {

  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],

  theme: {

    extend: {},

  },

  plugins: [require("daisyui")],

};

```

### Add the @tailwind directives for each of Tailwind’s layers to your ./src/index.css file.

```

@tailwind base;

@tailwind components;

@tailwind utilities;

```

## 3. **Lastly, start the server**

```

npm run dev

```

# To Run Locally

1. **Clone the repository:**

   ```

   git clone https://github.com/nasib15/scic-server.git

   cd scic-server

   ```

2. **Install the dependencies:**

   ```

   npm install

   ```

3. **Start the development server:**

   ```

   npm run dev

   ```

### Build for Production:

```

npm run build

```