frontend/
āāā public/ # Static assets (served as-is, e.g., favicon, images)
āāā src/ # Source code
ā āāā assets/ # Local images, fonts, styles
ā āāā components/ # Reusable UI components
ā āāā pages/ # Page-level components (Home, About, etc.)
ā āāā App.jsx # Root React component
ā āāā main.jsx # React DOM render entry point
āāā node_modules/ # Installed dependencies
āāā Dockerfile # Docker setup for building & serving app with Nginx
āāā index.html # Main HTML file (entry point for Vite)
āāā package.json # Project metadata, scripts, dependencies
āāā package-lock.json # Exact dependency versions
āāā vite.config.js # Vite configuration (plugins, build options)
package.json ā Defines dependencies (react, react-dom, axios) and devDependencies (vite, eslint, etc.).vite.config.js ā Configures Vite (bundler & dev server).src/App.jsx ā Main app component.src/main.jsx ā React entry point; mounts App into index.html.Dockerfile ā Multi-stage build (build React app ā serve with Nginx).index.html ā HTML entry for Vite app.# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Build Docker image
docker build -t react-frontend .
# Run container (map port 3000 to 80 inside container)
docker run -p 3000:80 react-frontend
Open š http://localhost:3000
Content type
Image
Digest
sha256:1282a5422ā¦
Size
21.9 MB
Last updated
about 1 year ago
docker pull ram8545/student-frontend