Skip to content

Demo/init#53

Merged
CDevmina merged 5 commits intoDevelopmentfrom
demo/init
Apr 26, 2025
Merged

Demo/init#53
CDevmina merged 5 commits intoDevelopmentfrom
demo/init

Conversation

@CDevmina
Copy link
Owner

This pull request introduces a new demo React application built with TypeScript and Vite, integrates it into the existing Docker Compose setup, and adds a new user profile route to the web project. Below are the most important changes grouped by theme:

New demo React Application

  • Application Setup: Added a new React application with TypeScript and Vite, including a basic App component (demo/src/App.tsx) and a Tailwind CSS setup (demo/src/index.css, demo/vite.config.ts). [1] [2] [3]
  • Build and Deployment: Added a Dockerfile to build and serve the application using Nginx, along with a custom Nginx configuration (demo/dockerfile, demo/nginx.conf). [1] [2]
  • Configuration: Included TypeScript configuration files (demo/tsconfig.json, demo/tsconfig.app.json, demo/tsconfig.node.json) and ESLint setup for linting TypeScript and React code (demo/eslint.config.js). [1] [2] [3] [4]
  • Dependencies: Added a package.json with dependencies for React, Tailwind CSS, and development tools like ESLint and TypeScript (demo/package.json).

Integration into Docker Compose

  • Service Addition: Added a new demo-store service to the docker-compose.yml file, exposing the application on port 5174 and linking it to the api-service (compose.yml).

New Route in web Project

  • User Profile Route: Added a new UserProfilePage component and configured a route for it under /profile/user in the web application's router (web/src/main.tsx). [1] [2]

…figurations and files

- Add .gitignore to exclude logs, build artifacts, and editor files
- Create README.md with project description and ESLint configuration guidance
- Set up ESLint configuration for TypeScript and React
- Create index.html with basic structure and Vite logo
- Initialize package.json with dependencies and scripts for development
- Add Vite logo SVG to public directory
- Create App.css for styling the application
- Implement App.tsx component with state management and logo display
- Add React logo SVG to assets directory
- Create index.css for global styles
- Set up main.tsx for rendering the App component
- Add vite-env.d.ts for Vite client types
- Configure TypeScript with tsconfig.app.json and tsconfig.node.json
- Create Vite configuration file (vite.config.ts) for plugin integration
…tial configurations and files"

This reverts commit 4a5e827.
- Added Tailwind CSS and its Vite plugin to the project dependencies.
- Removed App.css and migrated styles to Tailwind CSS utility classes in App.tsx.
- Updated index.css to import Tailwind CSS instead of custom styles.
- Adjusted Vite configuration to include Tailwind CSS plugin.
@CDevmina CDevmina self-assigned this Apr 26, 2025
@CDevmina CDevmina merged commit cd446b6 into Development Apr 26, 2025
3 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant