Run the yarn start
command in the terminal
This command will run the app in the development mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
- Create your own folder inside the
/art
folder. - Folder name should be as follows. YourName + ArtName
For example, SalilNaikTeddy, - Give gradient or solid background colours to the
.container
class. Kindly do not keep the background white in colour. - To test your component, import your component to app.js. DO NOT FORGET to remove the import from App.js before you push. Since multiple contributors are going to contribute at the same time, almost every contributor will get merge conflicts. So, edit app.js file only for test purpose, DO NOT push app.js changes to GitHub.
- Check out
index.css
for common CSS. DO NOT EDIT THIS FILE. - If you are coding an object inside the container, for example, a logo, a geometrical shape or an object, kindly make sure the total dimensions (width and height) do not exceed 150px. You may take up to 180px only when required.
- When you create a pull request, please specify
updates
branch as all the contributor's changes are going to be merged in theupdates
branch and then to themain
branch.
frontend
├── art
│ ├── 1_template (this is the template)
│ │ ├── template.jsx
│ │ └── style.module.css
│ |
│ ├── SalilNaikTeddy
│ │ ├── SalilNaikTeddy.jsx
│ │ └── style.module.css
│ |
│ └── RajCar
│ ├── RajCar.jsx
│ └── style.module.css
│
└── App.js
- Strictly follow PascalCase naming convention for naming React Components.
- Import CSS module file as style in all the pages and components. Example,
import style from 'style.module.scss'
- Do not edit or remove anything from the template provided. Only add the code where you are told to add.
Download Node JS |
Download Git |
Learn about CSS Modules |