This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

The Ukom University application is an innovative solution developed by the best team from Ukom University, a leading computer campus in Indonesia. Specifically designed to meet the needs of university profiles, this application provides users with ease in managing and displaying up-to-date information about the university.

1. Introduction
2. Features
3. Getting Started
4. Folder Structure
5. Dependencies
6. Setup
7. Usage
8. Components
9. Styling
10. API Integration
11. Contributing
12. License

The Ukom University Application is crafted with a focus on user experience. This application is inherently user-friendly, allowing users to seamlessly access it on mobile devices, tablet devices, and computers alike..

• User Authentication: Secure user authentication to enable personalized experiences and interactions.
• Explore Hot News: Engaging UI to explore the latest hot news.
• Follor Coueses: User can follow the course that provide from the application

To start using the MyFashion Frontend, follow these steps:

1. Clone the repository: git clone https://github.com/Juaini742/course-fullstack.git
2. Install dependencies: npm install
3. Edit .env.example
4. Run the application: npm run dev

• src/components/atoms: Reusable React components.
• src/components/pages: Page Component File.
• src/components/molecules: Small Component of pages.
• src/components/templates: Template Component (navbar and footer).
• src/middleware: Auth context .
• src/router: Router file.
• src/types: All type of the data.
• src/utils: Function fetching api

• src/config: Configuration of sequelize.
• src/controllers: Route controller.
• src/db/migrations: Migration sequelize.
• src/db/models: Migration models.
• src/db/seeders: Migration seeders.
• src/middleware: Auth middleware.
• src/routes: All routes of controller.

• @hhookform/resolvers
• axios
• framer-motion
• react
• react-dom
• react-hook-form
• react-icons
• react-query
• react-router-dom
• sweetalert2
• swiper
• zod

• bcryptjs
• cookie-parser
• cors
• dotenv
• express
• express-validator
• jsonwebtoken
• mysql2
• sequelize
• sqlite3
• ts-node
• typescript

1. Before running the application for the backend, make sure to set up the following environment variables:

SERVER_PORT: Port of server JWT_SECRET_KEY: jsonwebtoken secret

2. Edit database.example.json to be database.json

The components in the src/components folder are designed to be reusable and modular. Explore each component to understand its functionality and usage.

The application utilizes Styled-components for styling, ensuring a consistent and visually appealing design. Check the src/index.css folder for styling files.

We welcome contributions! Feel free to submit pull requests or open issues for any enhancements or bug fixes.

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.