Skip to content

Latest commit

 

History

History
92 lines (92 loc) · 6.02 KB

README.md

File metadata and controls

92 lines (92 loc) · 6.02 KB

    🚧 Strong Concrete - Client Side 🚧

🚀 What's Used in this App? 🛠️ How to Run? 👤 Author
  • Next.js
  • NextAuth
  • React
  • Tailwind CSS
  • Redux Toolkit
  • Formik & Yup
  • Socket.io-client
  • JWT Decode
  • SweetAlert2
  • React-Quill
  • FullCalendar (DayGrid, TimeGrid, and Interaction)
  • React-ApexCharts

After cloning the project:

  1. Run npm install to install all dependencies.
  2. Rename .env-exp to .env and configure environment variables.
  3. Run npm run dev to start the development server.
  4. Access the app on http://localhost:3000
  5. Login as Admin: [email protected] - Admin2024.,?

🌟 What is this project about?

The Strong Concrete Client Side is a comprehensive frontend system designed to support and manage the operations of a concrete production and sales business. It provides a streamlined interface for multiple business functions, including user management, vehicle tracking, firm and product management and real-time communication. The dashboard provides real-time updates and visualization of data through charts and statistics, offering a seamless experience for end-users.

⚙️ Features

  • 📊 Interactive Dashboard: Includes data visualization with charts and statistics powered by React-ApexCharts.
  • 📅 Scheduling Integration: FullCalendar for organizing production and delivery schedules.
  • 👥 User Management: Role-based access control for secure and customized experiences.
  • 🚛 Vehicle Management: Track and monitor vehicles in real-time.
  • 📦 Product & Material Management: Oversee inventory and supply chain with dynamic tables.
  • 💬 Real-Time Communication: Integrated chat app powered by Socket.io-client for team collaboration.
  • 📝 Dynamic Forms with Validation: Robust form validation using Formik & Yup for data accuracy.
  • 🖋 Rich Text Editor: Manage and edit content easily with React-Quill.
  • 📒 Notes & Task List: Convenient sections for recording notes and creating to-do lists for organized workflow.
  • ❓ FAQ Section: A well-structured FAQ to assist users and enhance their experience.
  • ✨ Animations and Smooth Transitions: Enhance user interaction with seamless UI effects.
  • 📊 Data Tables: Utilizes Mantine DataTable for managing and sorting complex data sets.
  • 🔒 Authentication Support: Secure login with JWT decoding and NextAuth integration.

📎Project Resources

💬 Feedback and Collaboration

I highly value your feedback and suggestions! If you have any questions, comments, or ideas for improvement, feel free to reach out. I am always open to collaborating on new and exciting projects.

Thank you for visiting my project. I hope you enjoy exploring it, and I look forward to connecting with you!