init
This commit is contained in:
14
.env
Normal file
14
.env
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
# 端口
|
||||||
|
PORT=3000
|
||||||
|
|
||||||
|
# MongoDB 连接地址,如果 MongoDB 在本机默认端口
|
||||||
|
DB_CONNECTION="mongodb://localhost:27017/livepoll"
|
||||||
|
|
||||||
|
# 密码加密复杂度
|
||||||
|
SALT_ROUNDS=6
|
||||||
|
|
||||||
|
# JWT 私钥(可以随便写一串随机字符)
|
||||||
|
JWT_PRIVATE="your-secret-jwt-key"
|
||||||
|
|
||||||
|
# 前端访问地址(群友打开的链接)
|
||||||
|
CLIENT_URL="http://110.42.109.143:3000"
|
||||||
@@ -31,8 +31,8 @@ export async function signinController(req, res) {
|
|||||||
const { token, userData } = await signinService(email, password);
|
const { token, userData } = await signinService(email, password);
|
||||||
res.cookie("livepoll-access-token", token, {
|
res.cookie("livepoll-access-token", token, {
|
||||||
httpOnly: true,
|
httpOnly: true,
|
||||||
secure: true,
|
secure: false,
|
||||||
sameSite: "None",
|
sameSite: "Lax",
|
||||||
expires: new Date(Date.now() + 24 * 60 * 60 * 1000 * 365), // 1 year
|
expires: new Date(Date.now() + 24 * 60 * 60 * 1000 * 365), // 1 year
|
||||||
path: "/"
|
path: "/"
|
||||||
}).status(200).json({
|
}).status(200).json({
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
VITE_BACKEND_URL="https://livepoll-anjx.onrender.com"
|
VITE_BACKEND_URL="http://localhost:3000"
|
||||||
|
|||||||
@@ -17,15 +17,15 @@ function Header() {
|
|||||||
<ul className="menu menu-horizontal px-1 gap-1">
|
<ul className="menu menu-horizontal px-1 gap-1">
|
||||||
{user.username ? (
|
{user.username ? (
|
||||||
<li>
|
<li>
|
||||||
<Link to={"/dashboard"}>Dashboard</Link>
|
<Link to={"/dashboard"}>仪表盘</Link>
|
||||||
</li>
|
</li>
|
||||||
) : (
|
) : (
|
||||||
<li>
|
<li>
|
||||||
<Link to={"/login"}>Login</Link>
|
<Link to={"/login"}>登陆</Link>
|
||||||
</li>
|
</li>
|
||||||
)}
|
)}
|
||||||
<li>
|
<li>
|
||||||
<Link to={"/poll"}>Polls</Link>
|
<Link to={"/poll"}>投票列表</Link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
|
|
||||||
const axiosInstance = axios.create({
|
const axiosInstance = axios.create({
|
||||||
// baseURL: `http://localhost:3000/api/v1`,
|
baseURL: `http://110.42.109.143:3000/api/v1`,
|
||||||
baseURL: `https://livepoll-anjx.onrender.com/api/v1`,
|
//baseURL: `https://livepoll-anjx.onrender.com/api/v1`,
|
||||||
withCredentials: true,
|
withCredentials: true,
|
||||||
headers: {
|
headers: {
|
||||||
"Content-Type": "application/json",
|
"Content-Type": "application/json",
|
||||||
|
|||||||
@@ -3,37 +3,33 @@ import { useNavigate } from 'react-router-dom';
|
|||||||
import useStore from '../store/useStore';
|
import useStore from '../store/useStore';
|
||||||
|
|
||||||
function Home() {
|
function Home() {
|
||||||
|
|
||||||
const navigator = useNavigate();
|
const navigator = useNavigate();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex bg-base-200 min-h-screen flex-col items-center text-white p-8">
|
<div className="flex bg-base-200 min-h-screen flex-col items-center text-white p-8">
|
||||||
<h1 className="text-4xl mt-2 md:text-5xl font-bold mb-6 text-center flex flex-col gap-2 md:block">Welcome to <span className='bg-slate-800 px-4 rounded-md relative'>LivePoll</span></h1>
|
<h1 className="text-4xl mt-2 md:text-5xl font-bold mb-6 text-center flex flex-col gap-2 md:block">
|
||||||
|
欢迎来到 <span className='bg-slate-800 px-4 rounded-md relative'>LivePoll</span>
|
||||||
|
</h1>
|
||||||
<p className="text-lg text-center max-w-2xl mb-8">
|
<p className="text-lg text-center max-w-2xl mb-8">
|
||||||
LivePoll is your platform for real-time, interactive polling. Create polls, participate in
|
LivePoll 是您进行实时互动投票的平台。创建投票,参与活跃讨论,并通过实时更新和可视化获得即时反馈。探索人们对您关心话题的看法,让您的声音被听到!
|
||||||
active discussions, and get instant feedback with live updates and visualizations. Discover
|
|
||||||
what people think on topics that matter to you and have your voice heard!
|
|
||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col lg:flex-row gap-6 mb-8">
|
<div className="flex flex-col lg:flex-row gap-6 mb-8">
|
||||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||||
<h2 className="text-3xl font-semibold mb-4">Create Polls</h2>
|
<h2 className="text-3xl font-semibold mb-4">创建投票</h2>
|
||||||
<p className="text-gray-400">
|
<p className="text-gray-400">
|
||||||
Create custom polls on any topic and share them with others. Add options, set
|
创建关于任何主题的自定义投票并与他人分享。添加选项,设置权限,并实时查看响应结果。
|
||||||
permissions, and see the responses roll in real-time.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||||
<h2 className="text-3xl font-semibold mb-4">Vote & Participate</h2>
|
<h2 className="text-3xl font-semibold mb-4">投票与参与</h2>
|
||||||
<p className="text-gray-400">
|
<p className="text-gray-400">
|
||||||
Browse a variety of public polls or join private ones shared with you. Cast your vote
|
浏览各种公开投票或加入与您分享的私人投票。投出您的一票,并在他人参与时查看实时结果。
|
||||||
and see the real-time results as others participate.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
<div className="bg-base-300 p-6 rounded-lg shadow-md w-full lg:w-96 text-center">
|
||||||
<h2 className="text-3xl font-semibold mb-4">Bookmark & Track</h2>
|
<h2 className="text-3xl font-semibold mb-4">收藏与追踪</h2>
|
||||||
<p className="text-gray-400">
|
<p className="text-gray-400">
|
||||||
Bookmark polls to save them for later, view your past participation, and stay updated
|
收藏投票以便稍后查看,查看您过去的参与记录,并随时了解您关心的话题动态。
|
||||||
on topics you care about.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -41,7 +37,7 @@ function Home() {
|
|||||||
className="btn btn-primary px-6 py-3 font-semibold text-lg"
|
className="btn btn-primary px-6 py-3 font-semibold text-lg"
|
||||||
onClick={() => navigator("/dashboard")}
|
onClick={() => navigator("/dashboard")}
|
||||||
>
|
>
|
||||||
Make a Poll
|
创建投票
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -41,75 +41,75 @@ const LoginPage = () => {
|
|||||||
return (
|
return (
|
||||||
<div className="flex justify-center bg-base-200 h-screen p-4">
|
<div className="flex justify-center bg-base-200 h-screen p-4">
|
||||||
<div className="w-full max-w-md rounded-lg p-8">
|
<div className="w-full max-w-md rounded-lg p-8">
|
||||||
<h2 className="text-2xl font-semibold text-center text-white mb-6">Login</h2>
|
<h2 className="text-2xl font-semibold text-center text-white mb-6">登录</h2>
|
||||||
|
|
||||||
<form className="space-y-4">
|
<form className="space-y-4">
|
||||||
{/* Email Input */}
|
{/* 邮箱输入 */}
|
||||||
<div className="form-control w-full">
|
<div className="form-control w-full">
|
||||||
<label className="label">
|
<label className="label">
|
||||||
<span className="label-text text-gray-200">Email</span>
|
<span className="label-text text-gray-200">邮箱</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
type="email"
|
type="email"
|
||||||
value={email}
|
value={email}
|
||||||
onChange={(e) => setEmail(e.target.value)}
|
onChange={(e) => setEmail(e.target.value)}
|
||||||
placeholder="Enter your email"
|
placeholder="请输入您的邮箱"
|
||||||
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
|
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Password Input */}
|
{/* 密码输入 */}
|
||||||
<div className="form-control w-full">
|
<div className="form-control w-full">
|
||||||
<label className="label">
|
<label className="label">
|
||||||
<span className="label-text text-gray-200">Password</span>
|
<span className="label-text text-gray-200">密码</span>
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
value={password}
|
value={password}
|
||||||
onChange={(e) => setPassword(e.target.value)}
|
onChange={(e) => setPassword(e.target.value)}
|
||||||
placeholder="Enter your password"
|
placeholder="请输入您的密码"
|
||||||
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
|
className="input input-bordered w-full bg-gray-700 text-white focus:outline-none focus:ring focus:ring-primary"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Error Message */}
|
{/* 错误信息 */}
|
||||||
{mutation.isError && <InlineTextError mutation={mutation} />}
|
{mutation.isError && <InlineTextError mutation={mutation} />}
|
||||||
|
|
||||||
{/* Success Message */}
|
{/* 成功信息 */}
|
||||||
{mutation.isSuccess && (
|
{mutation.isSuccess && (
|
||||||
<p className="text-green-500 text-sm md:text-base">
|
<p className="text-green-500 text-sm md:text-base">
|
||||||
🎉 {mutation.data.message || "Login is successfull"}
|
🎉 {mutation.data.message || "登录成功"}
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Forgot Password Link */}
|
{/* 忘记密码链接 */}
|
||||||
<div className="text-right">
|
<div className="text-right">
|
||||||
<a href="#" className="text-sm text-primary hover:underline">Forgot password?</a>
|
<a href="#" className="text-sm text-primary hover:underline">忘记密码?</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{/* Submit Button */}
|
{/* 提交按钮 */}
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
onClick={handleLogin}
|
onClick={handleLogin}
|
||||||
type="submit"
|
type="submit"
|
||||||
className="btn btn-primary w-full text-white"
|
className="btn btn-primary w-full text-white"
|
||||||
>
|
>
|
||||||
{mutation.isLoading ? <SpinnerLoader/> : "Login"}
|
{mutation.isLoading ? <SpinnerLoader/> : "登录"}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{/* Divider */}
|
{/* 分隔符 */}
|
||||||
<div className="divider text-gray-400">OR</div>
|
<div className="divider text-gray-400">或</div>
|
||||||
|
|
||||||
{/* Sign Up Link */}
|
{/* 注册链接 */}
|
||||||
<p className="text-center text-gray-300">
|
<p className="text-center text-gray-300">
|
||||||
Don’t have an account?{' '}
|
还没有账户?{' '}
|
||||||
<Link to="/register" href="#" className="text-primary hover:underline">Sign up</Link>
|
<Link to="/register" href="#" className="text-primary hover:underline">立即注册</Link>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -28,8 +28,8 @@ function VotingPage() {
|
|||||||
const [socket, setSocket] = useState(null);
|
const [socket, setSocket] = useState(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const s = io("https://livepoll-anjx.onrender.com");
|
// const s = io("https://livepoll-anjx.onrender.com");
|
||||||
// const s = io("http://localhost:3000");
|
const s = io("http://110.42.109.143:3000");
|
||||||
setSocket(s);
|
setSocket(s);
|
||||||
|
|
||||||
s.on("connect", () => {
|
s.on("connect", () => {
|
||||||
@@ -52,7 +52,7 @@ function VotingPage() {
|
|||||||
refetch,
|
refetch,
|
||||||
} = useQuery(["poll", pollId], () => getPollData(pollId), {
|
} = useQuery(["poll", pollId], () => getPollData(pollId), {
|
||||||
cacheTime: 10 * 60 * 1000, // 10 minutes
|
cacheTime: 10 * 60 * 1000, // 10 minutes
|
||||||
staleTime: 20 * 60 * 1000, // 20 minutes
|
staleTime: 0,
|
||||||
onSuccess: (data) => {
|
onSuccess: (data) => {
|
||||||
setPoll(data);
|
setPoll(data);
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user