Skip to content

Commit cb0b028

Browse files
User-DKUser-DK
authored
Merge pull request #5 from User-DK/main
Added Yuvarang 2025
2 parents 9f49675 + 9a7b68b commit cb0b028

File tree

20 files changed

+350
-66
lines changed

20 files changed

+350
-66
lines changed

‎Frontend/dependency-dump.txt‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
"@emotion/react": "^11.11.1",
2+
"@emotion/styled": "^11.11.0",
3+
"@syncfusion/ej2-react-navigations": "^22.2.11",
4+
"sweetalert": "^2.1.2",
5+
"sweetalert2": "^11.7.27",
6+
"swiper": "^10.1.0",
7+
"razorpay": "^2.9.2",
8+
"@testing-library/jest-dom": "^5.17.0",
9+
"@testing-library/react": "^13.4.0",
10+
"@testing-library/user-event": "^13.5.0",
11+

‎Frontend/package-lock.json‎

Lines changed: 50 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Frontend/package.json‎

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,11 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6-
"@emotion/react": "^11.11.1",
7-
"@emotion/styled": "^11.11.0",
6+
"@fortawesome/free-solid-svg-icons": "^6.7.2",
7+
"@fortawesome/react-fontawesome": "^0.2.2",
88
"@mui/icons-material": "^5.14.6",
99
"@mui/material": "^5.14.6",
10-
"@syncfusion/ej2-react-navigations": "^22.2.11",
11-
"@testing-library/jest-dom": "^5.17.0",
12-
"@testing-library/react": "^13.4.0",
13-
"@testing-library/user-event": "^13.5.0",
14-
"axios": "^1.4.0",
1510
"framer-motion": "^10.15.0",
16-
"razorpay": "^2.9.2",
1711
"react": "^18.2.0",
1812
"react-dom": "^18.2.0",
1913
"react-icons": "^4.10.1",
@@ -23,7 +17,8 @@
2317
"sweetalert": "^2.1.2",
2418
"sweetalert2": "^11.7.27",
2519
"swiper": "^10.1.0",
26-
"web-vitals": "^2.1.4"
20+
"web-vitals": "^2.1.4",
21+
"axios": "^1.4.0"
2722
},
2823
"scripts": {
2924
"start": "react-scripts start",

‎Frontend/src/Main.jsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,12 @@ import Teams from './components/teams/Teams'
66
import Events from './components/events/Events'
77
import Members from './components/members/Members'
88
import Footer from './components/footer/Footer'
9+
import Toplink from './components/yuvarang/Toplink'
910

1011
const Main = () => {
1112
return (
1213
<>
14+
<Toplink/>
1315
<Navbar/>
1416
<Landing/>
1517
<About/>

‎Frontend/src/assets/yuvarang-2025.png‎

8.88 MB
Loading

‎Frontend/src/components/about/About.jsx‎

Lines changed: 22 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,34 @@ import ABTIMAGE from '../../assets/about_img.jpg'
44

55
const About = () => {
66
return (
7-
<div id='about'>
8-
9-
<div className='main'>
10-
<div className='about'>
11-
<h2>About Us</h2>
12-
<div className='heading'>
13-
<div className='about-img'>
14-
<img src={ABTIMAGE} alt='' />
7+
<div id="about">
8+
<div className="main">
9+
<div className="about">
10+
<h2 className="rainbow-text">About Us</h2>
11+
<div className="heading">
12+
<div className="about-img">
13+
<img src={ABTIMAGE} alt="" />
1514
</div>
16-
<div className='about-text'>
17-
<h6>ART CIRCLE is a cultural club of Walchand College of Engineering, Sangli. We always strive for the development and growth of artistic skills and capabilities in the students. ART CIRCLE also provides a platform for the students to enhance their management skills as well as personality development. Currently we are a family of more than 100 working members. Since last 4 years we have produced more than 400 artists from Walchand College of Engineering, Sangli. We also conduct various cultural and art-related events throughout the academic year. We contribute to social and personal development of a student achieving balance between curricular and extra-curricular skill.</h6>
15+
<div className="about-text">
16+
<h6>
17+
ART CIRCLE is a cultural club of Walchand College of
18+
Engineering, Sangli. We always strive for the development and
19+
growth of artistic skills and capabilities in the students. ART
20+
CIRCLE also provides a platform for the students to enhance
21+
their management skills as well as personality development.
22+
Currently we are a family of more than 100 working members.
23+
Since last 4 years we have produced more than 400 artists from
24+
Walchand College of Engineering, Sangli. We also conduct various
25+
cultural and art-related events throughout the academic year. We
26+
contribute to social and personal development of a student
27+
achieving balance between curricular and extra-curricular skill.
28+
</h6>
1829
</div>
1930
</div>
20-
2131
</div>
2232
</div>
2333
</div>
24-
)
34+
);
2535
}
2636

2737
export default About

‎Frontend/src/components/events/Event.jsx‎

Lines changed: 45 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,10 @@ import "./events.css";
88
const Event = ({ index, idx, Name, date, description, icon, register }) => {
99
// const [isOpen, setIsOpen] = useState(false)
1010
const [descp, setDescp] = useState(false);
11+
const [isModalOpen, setIsModalOpen] = useState(false);
12+
const toggleModal = () => {
13+
setIsModalOpen(!isModalOpen);
14+
};
1115
// const [img, setimg] = useState(withDandiya)
1216
// const [text,setText]=useState("With Dandiya");
1317
// const [amount, setAmount] = useState("150/-")
@@ -81,14 +85,25 @@ const Event = ({ index, idx, Name, date, description, icon, register }) => {
8185
// }
8286
// }
8387

88+
const [isSmallScreen, setIsSmallScreen] = useState(window.innerWidth <= 768);
89+
90+
useEffect(() => {
91+
const handleResize = () => {
92+
setIsSmallScreen(window.innerWidth <= 768);
93+
};
94+
95+
window.addEventListener("resize", handleResize);
96+
return () => window.removeEventListener("resize", handleResize);
97+
}, []);
98+
8499
return (
85100
<div>
86101
<div className="event">
87102
<div className="event-image">
88103
<img src={icon} alt="" />
89104
</div>
90105
<div className="event-info">
91-
<h1>{Name}</h1>
106+
<h1 className="rainbow-text">{Name}</h1>
92107
<p>{truncatedDescription}</p>
93108
<div className="buttons">
94109
<button className="btn" onClick={() => setDescp(true)}>
@@ -201,19 +216,44 @@ const Event = ({ index, idx, Name, date, description, icon, register }) => {
201216
<div className="modal-content">
202217
<span className="close" onClick={() => setDescp(false)}>
203218
&times;
204-
</span>
205-
<div className="event-descp">
219+
</span>
220+
<div
221+
className="event-descp"
222+
style={{
223+
display: isModalOpen ? "none" : "flex",
224+
flexDirection: isSmallScreen ? "column" : "row",
225+
justifyContent: "center",
226+
alignItems: "center",
227+
marginLeft: isSmallScreen ? "0rem" : "20rem",
228+
gap: isSmallScreen ? "1rem" : "10rem",
229+
fontSize: isSmallScreen ? "4rem" : "1rem",
230+
fontWeight: isSmallScreen ? "normal" : "bold",
231+
}}
232+
>
206233
<div className="event-image">
207-
<img src={icon} alt="" />
234+
<img
235+
src={icon}
236+
alt=""
237+
onClick={toggleModal}
238+
style={{ borderRadius: "0.7rem" }}
239+
/>
208240
</div>
209241
<div className="event-info">
210-
<h1>{Name}</h1>
242+
<h1 className="rainbow-text1">{Name}</h1>
211243
<p>{description}</p>
212244
</div>
213245
</div>
214246
</div>
215247
</div>
216248
)}
249+
250+
{isModalOpen && (
251+
<div className="modal1" onClick={toggleModal}>
252+
<span className="close1">&times;</span>
253+
<img className="modal1-content" src={icon} alt={Name} />
254+
<div className="modal1-caption">{Name}</div>
255+
</div>
256+
)}
217257
</div>
218258
);
219259
};

‎Frontend/src/components/events/Events.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import Event from './Event'
66
const Events = () => {
77
return (
88
<div id='events'>
9-
<h2>Recent Events</h2>
9+
<h2 className='rainbow-text'>Recent Events</h2>
1010
<div className='events-container'>
1111
{events.map((event, index) => {
1212
return (

‎Frontend/src/components/events/allEvents.js‎

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,22 @@
11
const events = [
22
{
33
index: 1,
4+
Name: 'Yuvarang 2025',
5+
description:
6+
'Yuvarang is the signature event of Art Circle. It is the only cultural mega event of WCE Sangli. The event is open to all colleges and for all trades. Art Circle tries to cover and enhance all the artforms in all the domains (eg- drama, dance, music or content writing like poetry sketching colouring and many more. Art Circle also gives an opportunity to school going children to showcase their talent.We members of Art Circle always try to preserve the culture,promote and encourage the artforms of India and always try to do our best in this initiative',
7+
icon: "https://github.com/wce-artcircle/Assets/blob/main/events/yuvarang-final-2025.png?raw=true",
8+
register: "https://konfhub.com/yuvarang-2025"
9+
},
10+
{
11+
index: 2,
412
Name: 'GIM 2024',
513
description:
614
'Kalarambh is the most awaited and most celebrated event of ArtCircle. It is basically General interest meet(GIM) arranged for newly admitted first year members to get the overall idea about the ArtCircle and events arranged by ArtCircle. Kalarambh is the golden opportunity for all the teams of ArtCircle to showcase their talent and encourage the new artists to be a part of ArtCircle to enhance and polish their artistic skills by joining ArtCircle.As the name suggests its the beautiful beginning of the art for the first year members in their 4 year journey with WCE.',
715
icon: "https://raw.githubusercontent.com/wce-artcircle/Assets/main/events/Kalarambh.jpg",
8-
register: "https://konfhub.com/gim-2024"
16+
// register: "https://konfhub.com/gim-2024"
917
},
1018
{
11-
index: 2,
19+
index: 3,
1220
Name: 'Ganjyot 2024',
1321
description:
1422
'It is a Photography Competition which aims at celebrating Ganpati Festival and capturing it with a different perspective. The competition is open to all WCE students. The participants are required to click a photograph of Ganpati Bappa in the campus and submit it to the club. The best photographs are selected by the judges and the winners are awarded Free ticket to GIM 2024. The competition is a great opportunity for the students to showcase their photography skills and creativity.',
@@ -17,28 +25,28 @@ const events = [
1725
},
1826
{
1927

20-
index: 3,
28+
index: 4,
2129
Name: 'Dandiya Nights 2023',
2230
description:
2331
'Dandiya Nights is the most awaited program of WCE ART Circle, which typically falls in October. It is celebrated at Open Air Theatre of WCE with great energy and enthusiasm. The members of Art Circle perform dandiya dance which is set beforehand. On the event day, individuals attire themselves in the traditional Gujarati fashion. Dandiyas(sticks) are also provided by the club. An energetic and colourful aura is formed with the beats of song and dance.',
2432
icon: "https://raw.githubusercontent.com/wce-artcircle/Assets/main/events/2023-navratri.png",
2533
},
2634
{
27-
index: 4,
35+
index: 5,
2836
Name: 'YUVARANG 2023',
2937
description:
3038
'Yuvarang is the signature event of ArtCircle. It is the only cultural mega event of WCE Sangli. The event is open to all colleges and for all trades. ArtCircle tries to cover and enhance all the artforms in all the domains (eg- drama ,dance,music, litrature or Content writing like poetry sketching colouring and many more. ArtCircle also gives an opportunity to school going children to showcase their talent.We members of ArtCircle always try to preserve the culture,promote and encourage the artforms of India and alwyas try to do our best in this initiative',
3139
icon: "https://raw.githubusercontent.com/wce-artcircle/Assets/main/events/yuvarang-23.jpeg",
3240
},
3341
{
34-
index: 5,
42+
index: 6,
3543
Name: 'VARSHAV 2023',
3644
description:
3745
'Varshav is the newly added online photography competition introduced by Wce ArtCircle. It is an online photography competition exclusively for WCE students.Varshav promotes nature photography during Rainy season which also gives the message of environment conservation. WCE has always been rich and blessed with natural greeney which is more beautified by the Rains. Almost everyone in the campus is amazed by the scenic beauty and captures it in a photograph. This fondness of nature by fellow students of WCE needs an appreciation and ArtCircle tries its best to do so via Varshav.',
3846
icon: "https://raw.githubusercontent.com/wce-artcircle/Assets/main/events/photography-contest.png",
3947
},
4048
{
41-
index: 6,
49+
index: 7,
4250
Name: 'FAREWELL 2023',
4351
description:
4452
'Runanubandh is every emotional and close to heart event for all the ArtCircle members. It is a farewell cum declaration program, where the current assistant and joint board members arrange the farewell for the Chief board and then the newly elected president, chief board and joint board members are declared. It is followed by the games that refresh the memories of all the ArtCircle members that the experienced during their tenure and motivates the newly elected board to do the same.The program is concluded with the oath by the newly elected president and board members and then followed by taking hand impressions of the Ex- Chief board members to preserve the memories.Overall the program is filled with all kinds of emotions and is exclusively for only ArtCircle members.',

0 commit comments

Comments
 (0)