add readme and dockers and make this presentable lol

This commit is contained in:
2024-07-13 22:05:17 +03:00
parent bbce1fb05f
commit 0c3ec631f6
6 changed files with 100 additions and 1 deletions

29
frontend/Dockerfile Normal file
View File

@ -0,0 +1,29 @@
# Use an official Node runtime as a parent image
FROM node:22.2-alpine as build
# Set the working directory in the container
WORKDIR /app
# Copy package.json and package-lock.json to the working directory
COPY package*.json ./
# Install dependencies
RUN npm install
# Copy the rest of the application code to the working directory
COPY . .
# Build the React app for production
RUN npm run build
# Use nginx as the base image for serving content
FROM nginx:alpine
# Copy the build output from the build stage to serve with nginx
COPY --from=build /app/build /usr/share/nginx/html
# Expose port 80 to the Docker network
EXPOSE 80
# Start nginx when the container starts
CMD ["nginx", "-g", "daemon off;"]

View File

@ -1,7 +1,33 @@
import RelayForm from "./RelayForm";
import "./App.css";
import { Layout } from "antd";
const { Footer: AntFooter } = Layout;
const App: React.FC = () => {
return <RelayForm />;
return (
<>
{" "}
<RelayForm />
<AntFooter
style={{
textAlign: "center",
position: "fixed",
bottom: 0,
width: "100%",
}}
>
<p>
<a
href="https://git.kehilush.com/omri/relay"
target="_blank"
rel="noopener noreferrer"
>
Source Code
</a>
</p>
</AntFooter>
</>
);
};
export default App;