dwd-projects
/
bs-p2
generated from dwd/boilarplate-remix-tailwind-antd
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

s1

master
Suvodip 2024-08-13 18:50:45 +05:30
parent 5ae9d77c5a
commit bcae7c673f
26 changed files with 359 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/components/AddQuestion.tsx
View File

@ -14,15 +14,38 @@ const App: React.FC = () => {
const [option4, setOption4 ] = useState('');
const [moduleId, setModuleId] = useState('');
const [correctAnswer, setCorrectAnswer] = useState('');
let moduleList = [
{
moduleId : "1",
moduleName : "Module Name - 1"
},
{
moduleId : "2",
moduleName : "Module Name - 2"
},
{
moduleId : "3",
moduleName : "Module Name - 3"
},
{
moduleId : "4",
moduleName : "Module Name - 4"
},
{
moduleId : "5",
moduleName : "Module Name - 5"
}
]
const [moduleList, setModuleList] = useState<QuizModule[]>([]);
// const [moduleList, setModuleList] = useState<QuizModule[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<Error | null>(null);
const [open, setOpen] = useState<boolean>(false);
const [submitLoading, setSubmitLoading] = useState<boolean>(false);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/quiz-module-list`)
fetch(`http://localhost:5174/api/quiz-module-list`)
.then((res) => {
if (!res.ok) {
throw new Error('Network response was not ok');
@ -31,7 +54,7 @@ const App: React.FC = () => {
})
.then((data) => {
console.log(data);
setModuleList(data);
// setModuleList(data);
setLoading(false);
})
.catch((error) => {
@ -46,7 +69,7 @@ const App: React.FC = () => {
const data = { question, option1, option2, option3, option4, correctAnswer, moduleId };
setSubmitLoading(true);
try {
const response = await fetch(`https://api.teachertrainingkolkata.in/api/create-question`, {
const response = await fetch(`http://localhost:5174/api/create-question`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

2
app/components/ClassMates.tsx
View File

@ -14,7 +14,7 @@ export default function classMatesDirectory() {
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/class-mates')
fetch('http://localhost:5174/api/class-mates')
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

155
app/components/ClassShedules.tsx Normal file
View File

@ -0,0 +1,155 @@
import React from "react";
import { SettingOutlined, QuestionCircleOutlined, LogoutOutlined, RightOutlined } from '@ant-design/icons';
import { Layout, Menu, theme, Button, Modal, MenuProps } from 'antd';
import { Dropdown, Space } from 'antd';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import { Calendar, Col, Row, Typography } from 'antd';
import type { CalendarProps } from 'antd';
import type { Dayjs } from 'dayjs';
import dayLocaleData from 'dayjs/plugin/localeData';
import { Content } from "antd/es/layout/layout";
import '../../public/assets/left_side_nav.css';
dayjs.extend(dayLocaleData);
const schedule = [
{ time: '9 AM', title: 'Lorem Ipsum', details: '9 - 10 AM', borderColor: 'indigo-600', bgColor: 'bg-blue-200' },
{ time: '10 AM', title: 'Lorem Ipsum', details: '10 - 11 AM', borderColor: 'orange-600', bgColor: 'bg-blue-200' },
{ time: '11 AM', title: '', details: '', borderColor: '', bgColor: '' },
{ time: '12 PM', title: 'Lorem Ipsum dolor sit', details: '11:30 AM - 12:30 PM', borderColor: 'indigo-600', bgColor: '' },
{ time: '1 PM', title: 'Lorem Ipsum', details: '11:30 AM - 12:30 PM', borderColor: 'green-600', bgColor: '' },
{ time: '2 PM', title: 'Lorem Ipsum dolor sit', details: '11:30 AM - 12:30 PM', borderColor: 'red-700', bgColor: '' },
{ time: '3 PM', title: 'Lorem Ipsum dolor sit', details: '11 AM - 12:30 PM', borderColor: 'blue-700', bgColor: '' },
{ time: '4 PM', title: 'Lorem Ipsum', details: '11:30 AM - 12:30 PM', borderColor: 'sky-700', bgColor: 'bg-blue-200' },
{ time: '5 PM', title: '', details: '', borderColor: '', bgColor: '' }
];
const App: React.FC = () => {
const { token } = theme.useToken();
const onPanelChange = (value: Dayjs, mode: CalendarProps<Dayjs>['mode']) => {
console.log(value.format('YYYY-MM-DD'), mode);
};
const wrapperStyle: React.CSSProperties = {
width: 320,
border: `1px solid ${token.colorBorderSecondary}`,
borderRadius: token.borderRadiusLG,
padding: 16,
};
const headerStyle: React.CSSProperties = {
display: 'flex',
justifyContent: 'space-around',
alignItems: 'center',
// marginBottom: 16,
backgroundColor: '#0752bc',
height: 47,
borderTopLeftRadius: 10,
borderTopRightRadius: 10,
};
const titleStyle: React.CSSProperties = {
fontSize: 14,
fontWeight: 'bold',
color: '#fff',
};
const navButtonStyle: React.CSSProperties = {
cursor: 'pointer',
fontSize: 16,
};
return (
<>
<div className="container mx-auto">
<div className="grid gap-4 sm:grid-cols-1 md:grid-cols-[350px_1fr]">
<div className=" p-4">
<div className="grid grid-rows-2">
<div className="mb-4 bg-card bg-gray-200 rounded-lg shadow-md border border-zinc-300 dark:bg-card-foreground">
<Calendar
fullscreen={false}
headerRender={({ value, onChange }) => {
const monthFormat = 'MMMM';
const year = value.year();
const month = value.format(monthFormat);
const prevMonth = () => {
const newValue = value.clone().subtract(1, 'month');
onChange(newValue);
};
const nextMonth = () => {
const newValue = value.clone().add(1, 'month');
onChange(newValue);
};
return (
<div style={headerStyle}>
<div className="">
<div style={titleStyle}>{`${month} ${year}`}</div>
</div>
<div className="flex gap-8">
<div style={navButtonStyle} onClick={prevMonth}>{'<'}</div>
<div style={navButtonStyle} onClick={nextMonth}>{'>'}</div>
</div>
</div>
);
}}
onPanelChange={onPanelChange}
/>
</div>
<div className="">
<div className="bg-card h-80 bg-gray-200 rounded-lg shadow-md border border-zinc-300 dark:bg-card-foreground">
<div className="flex justify-around items-center h-12 border-b-2 border-zinc-300 bg-[#0752bc] rounded-t-lg">
{/* <h2 className="text-lg items-center font-semibold text-foreground dark:text-card-foreground">Upcoming Classes</h2> */}
<h2 style={titleStyle}>Upcoming Classes <span>&gt;</span></h2>
</div>
<div className=" ">
<div className="border-b-2 border-zinc-300 pb-12"></div>
<div className="border-b-2 border-zinc-300 pb-12"></div>
<div className="border-b-2 border-zinc-300 pb-12"></div>
<div className="border-b-2 border-zinc-300 pb-12"></div>
</div>
</div>
</div>
</div>
</div>
<div className="p-4 border-l-[1px] py-2 border-[#CFCFCF]">
<div className="xl:col-span-4">
<div className="p-4 bg-background">
<h2 className="text-lg font-semibold mb-4 border-b-[1px] py-2 border-[#CFCFCF]">Today's Schedule</h2>
<div className="space-y-2">
{schedule.map((item, index) => (
<div className="flex" key={index}>
<span className="w-16 text-zinc-700">{item.time}</span>
{item.title ? (
<div className={`flex-1 ${item.bgColor} p-2 border-l-4 border-${item.borderColor} rounded-r-lg`}>
<span>{item.title}</span><br />
<span className="text-sm text-zinc-500">{item.details}</span>
</div>
) : (
<div className="flex-1"></div>
)}
</div>
))}
</div>
</div>
</div>
</div>
</div>
</div>
</>
)
}
export default App;

2
app/components/ContinueLearning.tsx
View File

@ -14,7 +14,7 @@ export default function ContinueLearning() {
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/continue-learning')
fetch('http://localhost:5174/api/continue-learning')
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

63
app/components/ExaminationsPractical.tsx
View File

@ -6,31 +6,45 @@ import { InboxOutlined } from '@ant-design/icons';
import type { UploadProps } from 'antd';
import { message, Upload } from 'antd';
const { Dragger } = Upload;
const props: UploadProps = {
name: 'file',
multiple: true,
action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
onChange(info) {
const { status } = info.file;
if (status !== 'uploading') {
console.log(info.file, info.fileList);
}
if (status === 'done') {
message.success(`${info.file.name} file uploaded successfully.`);
} else if (status === 'error') {
message.error(`${info.file.name} file upload failed.`);
}
},
onDrop(e) {
console.log('Dropped files', e.dataTransfer.files);
},
};
const App: React.FC = () => {
const [fileCount, setFileCount] = useState(0);
const [uploadingNumber, setUploadingNumber] = useState(0);
const props: UploadProps = {
name: 'file',
multiple: true,
action: 'https://660d2bd96ddfa2943b33731c.mockapi.io/api/upload',
onChange(info) {
const { status } = info.file;
setFileCount(info.fileList.length); // Update file count whenever files are added or removed
if (status !== 'uploading') {
// console.log(info.file, info.fileList);
}
if (status === 'done') {
message.success(`${info.file.name} file uploaded successfully.`);
} else if (status === 'error') {
message.error(`${info.file.name} file upload failed.`);
setUploadingNumber(currentFile => currentFile + 1);
}
},
onDrop(e) {
// console.log('Dropped files', e.dataTransfer.files);
setFileCount(e.dataTransfer.files.length); // Update file count on drop
// setUploadingNumber(currentFile => currentFile + 1);
},
};
const [isModalOpen, setIsModalOpen] = useState(false);
const showModal = () => {
setIsModalOpen(true);
};
@ -70,13 +84,15 @@ const App: React.FC = () => {
</div>
</Dragger>
</div>
{/* <p>{uploadingNumber} / {fileCount}</p> */}
<div className='flex flex-col space-y-3'>
<label className='text-[16px ] font-[600]' htmlFor="title">Title *</label>
<input className='border-[1px] border-[#CFCFCF] rounded-[8px] p-2.5 focus:outline-none' placeholder='Enter Title here' type="text" name="title" id="title" />
</div>
<div className='flex flex-col space-y-3'>
<label className='text-[16px ] font-[600]' htmlFor="subject">Subject *</label>
<select className='border-[1px] border-[#CFCFCF] bg-[#fff] rounded-[8px] p-2.5 focus:outline-none' name="subject" id="subject">
<select className='border-[1px] border-[#CFCFCF] text-[#9D9D9D] bg-[#fff] rounded-[8px] p-2.5 focus:outline-none' name="subject" id="subject">
<option value="0">Select the Subject here</option>
<option value="Subject-1">Subject-1</option>
<option value="Subject-2">Subject-2</option>
<option value="Subject-3">Subject-3</option>
@ -85,7 +101,8 @@ const App: React.FC = () => {
</div>
<div className='flex flex-col space-y-3'>
<label className='text-[16px ] font-[600]' htmlFor="practical-exercise">Practical Exercise *</label>
<select className='border-[1px] border-[#CFCFCF] bg-[#fff] rounded-[8px] p-2.5 focus:outline-none' name="practical-exercise" id="practical-exercise">
<select className='border-[1px] border-[#CFCFCF] text-[#9D9D9D] bg-[#fff] rounded-[8px] p-2.5 focus:outline-none' name="practical-exercise" id="practical-exercise">
<option value="0">Choose the practical exercise here</option>
<option value="Practical Exercise-1">Practical Exercise-1</option>
<option value="Practical Exercise-2">Practical Exercise-2</option>
<option value="Practical Exercise-3">Practical Exercise-3</option>

2
app/components/KnowledgeQuests.tsx
View File

@ -14,7 +14,7 @@ export default function KnowledgeQuests() {
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/knowledge-quests')
fetch('http://localhost:5174/api/knowledge-quests')
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

4
app/components/KnowledgeQuestsPageContent.tsx
View File

@ -20,8 +20,8 @@ export default function Index() {
const fetchData = async () => {
try {
const [allResponse, completedResponse] = await Promise.all([
fetch('https://api.teachertrainingkolkata.in/api/all-assesment'),
fetch('https://api.teachertrainingkolkata.in/api/complete-assesment')
fetch('http://localhost:5174/api/all-assesment'),
fetch('http://localhost:5174/api/complete-assesment')
]);
if (!allResponse.ok || !completedResponse.ok) {

4
app/components/LeftSideMenuItems.tsx
View File

@ -20,11 +20,11 @@ const items2: MenuProps['items'] = [
children: [
{
key: 'administration1',
label: (<a href='#'>Class Schedules</a>),
label: (<a href='/class-shedules'>Class Schedules</a>),
},
{
key: 'administration2',
label: (<a href='#'>Classmate Directory</a>),
label: (<a href='/classmate-directory'>Classmate Directory</a>),
},
{
key: 'administration3',

2
app/components/ModuleList.tsx
View File

@ -12,7 +12,7 @@ export default function AdminIndex() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/quiz-module-list`)
fetch(`http://localhost:5174/api/quiz-module-list`)
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/components/NewModule.tsx
View File

@ -15,7 +15,7 @@ const App: React.FC = () => {
};
setLoading(true);
try {
const response = await fetch(`https://api.teachertrainingkolkata.in/api/create-module`, {
const response = await fetch(`http://localhost:5174/api/create-module`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

4
app/components/NewQuiz.tsx
View File

@ -19,7 +19,7 @@ const App: React.FC = () => {
const [submitLoading, setSubmitLoading] = useState<boolean>(false);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/quiz-module-list`)
fetch(`http://localhost:5174/api/quiz-module-list`)
.then((res) => {
if (!res.ok) {
throw new Error('Network response was not ok');
@ -50,7 +50,7 @@ const App: React.FC = () => {
};
setSubmitLoading(true);
try {
const response = await fetch(`https://api.teachertrainingkolkata.in/api/create-quiz`, {
const response = await fetch(`http://localhost:5174/api/create-quiz`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',

2
app/components/ProgressReview copy.tsx
View File

@ -33,7 +33,7 @@ export default function Index() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/quiz-module')
fetch('http://localhost:5174/api/quiz-module')
.then((res) => {
if (!res.ok) {
throw new Error('Network response was not ok');

6
app/components/ProgressReview.tsx
View File

@ -46,7 +46,7 @@ export default function Index() {
const [moduleList, setModuleList] = useState<ModuleList[]>([]);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/question-list`)
fetch(`http://localhost:5174/api/question-list`)
.then((res) => {
if (!res.ok) {
throw new Error('Network Response not ok');
@ -68,7 +68,7 @@ useEffect(() => {
try {
const moduleData = await Promise.all(
questionList.map((question) =>
fetch(`https://api.teachertrainingkolkata.in/api/quiz-module-list`)
fetch(`http://localhost:5174/api/quiz-module-list`)
.then((res) => {
if (!res.ok) {
throw new Error('Network Response not ok');
@ -94,7 +94,7 @@ useEffect(() => {
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/quiz-module')
fetch('http://localhost:5174/api/quiz-module')
.then((res) => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/components/QuestionList.tsx
View File

@ -17,7 +17,7 @@ export default function AdminIndex() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/question-list`)
fetch(`http://localhost:5174/api/question-list`)
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/components/QuizList.tsx
View File

@ -15,7 +15,7 @@ export default function AdminIndex() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/quiz-list`)
fetch(`http://localhost:5174/api/quiz-list`)
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/components/QuizzesScore.tsx
View File

@ -14,7 +14,7 @@ export default function quizScoreData() {
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/quiz-score')
fetch('http://localhost:5174/api/quiz-score')
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/components/TopPerformers.tsx
View File

@ -17,7 +17,7 @@ export default function TopPerformers() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch('https://api.teachertrainingkolkata.in/api/top-performers')
fetch('http://localhost:5174/api/top-performers')
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/routes/albums.art-&-craft.tsx
View File

@ -70,7 +70,7 @@ const App: React.FC = () => {
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between pr-8'>
<div className='inline-flex justify-center place-items-center'>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/albums">Albums</a>,},{title: 'Art & Craft Album'}]}/>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/mycourse/albums">Albums</a>,},{title: 'Art & Craft Album'}]}/>
</div>
<div>
<Button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>

2
app/routes/albums.gk-&-group-activity.tsx
View File

@ -70,7 +70,7 @@ const App: React.FC = () => {
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between pr-8'>
<div className='inline-flex justify-center place-items-center'>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/albums">Albums</a>,}, {title: 'GK & Group Activity'}]}/>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/mycourse/albums">Albums</a>,}, {title: 'GK & Group Activity'}]}/>
</div>
<div>
<Button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>

2
app/routes/albums.language-&-maths.tsx
View File

@ -70,7 +70,7 @@ const App: React.FC = () => {
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between pr-8'>
<div className='inline-flex justify-center place-items-center'>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/albums">Albums</a>,}, {title: 'Language & Maths'}]}/>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/mycourse">Course</a>,},{title: <a href="/mycourse/albums">Albums</a>,}, {title: 'Language & Maths'}]}/>
</div>
<div>
<Button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>

108
app/routes/class-shedules.tsx Normal file
View File

@ -0,0 +1,108 @@
import React, {useState} from 'react';
import { RightOutlined} from '@ant-design/icons';
import ClassShedules from '~/components/ClassShedules';
import {Layout, theme, Button, MenuProps, Breadcrumb, Dropdown, Space} from 'antd';
import '../../public/assets/left_side_nav.css';
import LeftSideMenu from '~/components/LeftSideMenuItems';
const { Content, Sider } = Layout;
const items1: MenuProps['items'] = ['1', '2', '3'].map((key) => ({
key,
label: `navsd ${key}`,
}));
type MenuItem = Required<MenuProps>['items'][number];
const items: MenuProps['items'] = [
{
label: <a href="https://www.antgroup.com">1st menu item</a>,
key: '01sd',
},
{
type: 'divider',
},
{
label: <a href="https://www.aliyun.com">2nd menu item</a>,
key: '02sd',
},
{
type: 'divider',
},
{
label: '3rd menu item',
key: '03sd',
},
];
const App: React.FC = () => {
const [collapsed, setCollapsed] = useState(false);
const [open, setOpen] = React.useState<boolean>(false);
const [loading, setLoading] = React.useState<boolean>(true);
const showLoading = () => {
setOpen(true);
setLoading(true);
// Simple loading mock. You should add cleanup logic in real world.
setTimeout(() => {
setLoading(false);
}, 100);
};
const { token: { colorBgContainer}, } = theme.useToken();
return (
<Layout>
<Layout>
<div>
<Sider collapsible collapsed={collapsed} onCollapse={(value) => setCollapsed(value)} width={366} style={{overflow: 'auto', height: '110vh', position: 'fixed', left: 0, top: 0, bottom: 0, background: '#FFF', borderRight: '1px solid #CFCFCF', borderBottom: '2px solid #000'}}>
<div className='flex flex-col justify-center demo-logo-vertical'>
<div className='px-4'>
<h1 className='text-[22px] font-[700] my-[37px] text-left text-[#000]'>IIMTT Logo</h1>
</div>
</div>
<LeftSideMenu />
</Sider>
</div>
<Layout style={{marginLeft: collapsed ? 80 : 366, background: '#FFF', transition: 'margin-left 0.2s ease'}}>
<Content style={{ overflow: 'initial',}}>
<div className='border-b-[1px] py-2 border-[#CFCFCF]'>
<div className='container mx-auto flex flex-row justify-between pr-8'>
<div className='inline-flex justify-center place-items-center'>
<Breadcrumb separator=">" className='pl-6' style={{fontSize: '18px' , fontWeight: '700'}} items={[{title: <a href="/administration">Administration</a>,}, {title: 'Class Schedule'}]}/>
</div>
<div>
<Button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>
<div className='border-[1px] border[#525252] rounded-full p-2 w-[47px] h-[47px]'>
<img src="/assets/notification-bell.svg" alt="" />
</div>
</Button>
<Dropdown menu={{ items }} trigger={['click']}>
<a onClick={(e) => e.preventDefault()}>
<Space>
<div className='flex flex-row border-[1px] border-[#BBBBBB] rounded-full p-1 gap-x-6'>
<img src="/assets/man.png" alt="" />
<div>
<p className='text-[12px] text-[#EF7A0C] font-[500]'>My Profile</p>
<p className='text-[16px] text-[#27549F] font-[700]'>Rayan Holiday</p>
</div>
<RightOutlined style={{ fontSize: '12px', paddingRight: '10px' }} />
</div>
</Space>
</a>
</Dropdown>
</div>
</div>
</div>
{/* Place Content from here */}
<ClassShedules />
</Content>
</Layout>
</Layout>
</Layout>
);
};
export default App;

4
app/routes/quiz._index.tsx
View File

@ -29,7 +29,7 @@ export default function QuizIndex() {
const [timeLeft, setTimeLeft] = useState(120); // 120 seconds timer
const [newQuizIds, setNewQuizIds] = useState();
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/question-list`)
fetch(`http://localhost:5174/api/question-list`)
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');
@ -96,7 +96,7 @@ export default function QuizIndex() {
const finalAnswers = [...answers, newAnswer];
setAnswers(finalAnswers);
console.log('Console Answers ', finalAnswers);
const apiUrl = 'https://api.teachertrainingkolkata.in/api/save-quiz-response';
const apiUrl = 'http://localhost:5174/api/save-quiz-response';
fetch(apiUrl, {
method: 'POST',
headers: {

2
app/routes/quiz.result.tsx
View File

@ -107,7 +107,7 @@ export default function QuizResult(){
let quizIdValue = urlParams.get('id');
console.log(quizIdValue);
fetch(`https://api.teachertrainingkolkata.in/api/quizresult-aftersubmit?id=${quizIdValue}`)
fetch(`http://localhost:5174/api/quizresult-aftersubmit?id=${quizIdValue}`)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');

2
app/routes/quiz3.tsx
View File

@ -144,7 +144,7 @@ export default function Index() {
const [error, setError] = useState<Error | null>(null);
useEffect(() => {
fetch(`https://api.teachertrainingkolkata.in/api/question-list`)
fetch(`http://localhost:5174/api/question-list`)
.then(res => {
if (!res.ok) {
throw new Error('Network response was not ok');

2
app/routes/sign-in.tsx
View File

@ -13,7 +13,7 @@ export default function SignIn() {
password,
};
try {
const response = await fetch('https://api.teachertrainingkolkata.in/api/sign-in', {
const response = await fetch('http://localhost:5174/api/sign-in', {
method: 'POST',
headers: {
'Content-Type': 'application/json',

4
app/routes/student-dashboard._index.tsx
View File

@ -82,11 +82,11 @@ const App: React.FC = () => {
<p className='pl-1 text-[18px] font-[700] whitespace-nowrap'>Student Dashboard</p>
</div>
<div>
<Button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>
<button className='border-none shadow-none bg-transparent hover:bg-transparent' onClick={showLoading}>
<div className='border-[1px] border[#525252] rounded-full p-2 w-[47px] h-[47px]'>
<img src="/assets/notification-bell.svg" alt="" />
</div>
</Button>
</button>
<Dropdown menu={{ items }} trigger={['click']}>
<a onClick={(e) => e.preventDefault()}>
<Space>