Skip to content

Repository files navigation

https://tailwindcss.com/docs/responsive-design

https://dev.to/vincentdorian/cool-nav-link-hover-animations-with-tailwindcss-3gf2

https://cruip.com/active-link-animation-with-tailwind-css-and-framer-motion/

https://devdojo.com/tailwindcss/buttons

https://framer.university/resources/image-grid-scroll-animation-in-framer

https://21st.dev/youcefbnm/hero-gallery-scroll-animation

https://prismic.io/blog/css-animation-examples // 19 - Bio for login , sign up etc

https://uiverse.io/cards?orderBy=favorites&theme=light

https://tailwindflex.com/@anonymous/neon-container

https://uiverse.io/loaders?page=0

https://gradienty.codes/ https://www.epicweb.dev/tips/creating-glassmorphism-effects-with-tailwind-css https://notchtools.com/css-glow-generator

POS Application

A modern Point of Sale (POS) application built with cutting-edge technologies and a sleek user interface.

Features

  • 💳 Seamless transaction processing
  • 📊 Real-time sales analytics
  • 🏪 Inventory management
  • 👥 User authentication and role management
  • 🖨️ Receipt generation and printing
  • 📱 Responsive design for all devices

Tech Stack

  • Frontend: React.js with TailwindCSS
  • UI Components: Custom components with modern design patterns
  • Styling: Custom TailwindCSS configurations with glassmorphism effects
  • Backend: Spring Boot for RESTful APIs
  • Database: MySQL for data storage

Getting Started

  1. Clone the repository
git clone 'https://github.com/ImeshGimshan/HyperPOS-Frontend-.git'
  1. Install dependencies
npm install
  1. Set up Backend URL Open the src/API/APILinks.js file and update the BaseUrl variable with your backend API URL.

  2. Run the development server

npm run dev
  1. Clone the Backend
git clone 'https://github.com/tharindumendis/hyper.git'
  1. Database Setup
  • Create a MySQL database
  • Update the database credentials in the application.properties file
  • Run the Spring Boot application

Design Resources

This project utilizes various design resources and inspirations:

  • TailwindCSS for responsive design
  • Custom hover animations
  • Glassmorphism effects
  • Modern loading animations
  • Gradient designs
  • Interactive UI components

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Releases

Packages

Used by

Contributors

Languages