AccredianFrontend Tailwind Templates

Accredianfrontend

This user-friendly interface by using react and tailwind CSS. It's allows users to easily refer others and earn rewards.

🌟 Refer & Earn Frontend

Welcome to the frontend of the Refer & Earn application! This user-friendly interface allows users to easily refer others and earn rewards.

🎨 Technologies Used

  • React - JavaScript library for building user interfaces
  • JavaScript - Programming language
  • Vite - Build tool
  • Material-UI (MUI) - UI components
  • Flowbite - UI components
  • Tailwind CSS - Utility-first CSS framework
  • React Router DOM - For routing

πŸ“¦ Setup Instructions

Prerequisites

  • Node.js (version >= 14)
  • NPM or Yarn package manager

Getting Started

  1. Clone the repository

    git clone https://github.com/Chandan8018/AccredianFrontend.git ↩
    cd AccredianFrontend ↩
    
  2. Backend Setup:

    npm install ↩
    
  3. Start the server:

    npm run dev ↩
    

Folder Structure

.
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ components
β”‚   β”œβ”€β”€ pages
β”‚   β”œβ”€β”€ styles
β”‚   β”œβ”€β”€ data
β”‚   β”œβ”€β”€ spinner
β”‚   β”œβ”€β”€ App.jsx
β”‚   β”œβ”€β”€ index.css
β”‚   └── main.jsx
β”œβ”€β”€ public
β”œβ”€β”€ index.html
β”œβ”€β”€ README.md
β”œβ”€β”€ .env
β”œβ”€β”€ package.json
└── vite.config.js

Demo

  • Home Page


  • Refer Notifiction Mail Page


  • Refer Page


  • Dynamic Home Page


Contact

For any questions or inquiries, please contact:

Notes:

  1. Repository URL: Make sure to update the repository URL (https://github.com/Chandan8018/AccredianFrontend.git) with the actual URL of your frontend repository.
  2. Environment Variables: If there are specific environment variables required for the frontend (e.g., API base URL), mention them in the README.
  3. Consistency: Ensure the names and paths of images in the public directory match those in the README.

Feel free to adjust any details to better fit your project’s specific setup and requirements.

Top categories

Loading Svelte Themes