The folder structure of the project looks something like this.
.
├── App.css
├── App.js
├── CONTRIBUTING.md
├── package.json
├── package-lock.json
├── public
│ ├── dummy.jpg
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ ├── red-fb-icon.jpg
│ ├── red-gmail.jfif
│ ├── red-phone.jfif
│ ├── red-twitter-icon.jfif
│ ├── red-youtube-icon.jfif
│ └── robots.txt
├── README.md
└── src
├── App.css
├── App.js
├── App.test.js
├── assets
│ ├── Kanit-font
│ └── Sarabun-font
├── component
│ ├── App.css
│ ├── buttonAppBar.js
│ ├── carousel
│ │ ├── carousel.css
│ │ ├── carousel.js
│ │ ├── carousel_main.css
│ │ └── carousel_main.js
│ ├── club_recruitment.css
│ ├── club_recruitment.js
│ ├── clubs
│ │ ├── AI Club.png
│ │ ├── ClubCard.js
│ │ ├── clubData.js
│ │ ├── club.json
│ │ ├── cosmosoc_logo.jpg
│ │ ├── Insolvent.png
│ │ ├── Logo4x.png
│ │ ├── OSS.png
│ │ ├── RoboticsClubLogo_Original.png
│ │ ├── samyClub.css
│ │ └── SamyClub.js
│ ├── css
│ │ ├── contactus.css
│ │ ├── events.css
│ │ ├── style.css
│ │ └── team.css
│ ├── footer
│ │ ├── footer.css
│ │ ├── FooterIconsDemo.jsx
│ │ ├── index.js
│ │ └── logo.svg
│ ├── home.js
│ ├── images
├── Header.css
├── Header.js
├── index.css
├── index.js
├── Jumbotron.js
├── logo.svg
├── reportWebVitals.js
└── setupTests.js
All the parts that build up the webpage are put into components folder.
For contributing to the project, first go to the issue that you want to take up and add a comment so that we know you are working on it. Please do not take up issues in which other people are working already. Once you are assigned to the issue, you can start working.
To do so, fork the repository, make a branch in the fork and add your code in there. Once done, push your changes and submit a PR (pull request). We will verify your work post that and merge if it is correctly done.