├── fun task- Play the game ├── anshgeez31.txt ├── FunTask.txt ├── IIT2022023.txt ├── Kushal.txt ├── Rohit_110.txt ├── ananyaa07.txt ├── JackofAllCodez.txt ├── Koshal7.png ├── aasthaaaa7.png ├── GammaMicrowave.jpg ├── bhumika-kalaruFun Task.png ├── Screenshot 2023-01-08 132121.png ├── shashankA.txt └── README.md ├── .DS_Store ├── Task 1- UX Task ├── Ribhav.txt ├── RibhavBansal.txt ├── uxtask-1 ├── anshgeez31.txt ├── ananyaa07.txt ├── Siddhant_Agarwal.txt ├── Task-1_UX_design.txt ├── task1_ux_riddhi.txt ├── sushantk1274.txt └── README.md ├── Task 7 └── sushantk1274.txt ├── Task 8 └── sushantk1274.txt ├── Design Rep #2 ├── shashiii.txt ├── Koshal7.txt ├── SanyamAgrawal07.txt ├── aasthaaaa7.txt ├── ananyaa07.txt ├── bhumika-kalaru.txt ├── thedivineaurora.txt ├── JackofAllCodez.txt ├── JahnaviGadde.txt ├── kushal7201.txt └── README.md ├── Design Rep #3 ├── SanyamAgrawal07.txt ├── ananyaa07 ├── aasthaaaa7.txt ├── bhumika-kalaru.txt ├── JackofAllCodez.txt └── README.md ├── Design Rep #1 ├── aasthaaaa7.txt ├── ananyaa07.txt ├── bhumika-kalaru.txt ├── sushantk1274.txt ├── SanyamAgrawal07.txt └── README.md ├── SST 1- Understanding Basics ├── BINGABABA .txt ├── Finesse-734.txt ├── anshgeez31.txt ├── .DS_Store ├── RibhavBansal.txt ├── ananyaa07.txt ├── sushantk1274image1.txt ├── sushantk1274image3.txt ├── sushantk1274image4.txt ├── zitsav.txt ├── RayLikesAnime.txt ├── SanyamAgrawal07.txt ├── Vedant.txt ├── hargunkaur286.txt ├── prathambhatia86.txt ├── sushantk1274image2.txt ├── aasthaaaa7.txt ├── sst1_riddhikedia.txt └── README.md ├── Task 8- Last task ├── aasthaaaa7.txt ├── ananyaa07.txt └── README.md ├── Frontend-Forum Collab Task ├── aasthaaaa7.txt ├── forumdashboard └── README.md ├── SST 2- Copying Main Screens ├── ananyaa07.txt ├── Rohit_110.txt ├── pragya1976.txt ├── shashanka.txt ├── JackofAllCodez.txt ├── JahnaviGadde.txt ├── akshayw1git.txt ├── aasthaaaa7.txt └── README.md ├── SST 3- OpenCode T-shirt Design ├── aasthaaaa7.txt ├── SanyamAgrawal07.txt ├── ananyaa07.txt ├── Vishesh-Vijay.txt ├── tshirtdesign.txt ├── JackofAllCodez.txt └── README.md ├── SST 6- Credit Card Design ├── Koshal7.txt.txt ├── aasthaaaa7.txt ├── SanyamAgrawal07.txt ├── ananyaa07.txt ├── sushantk1274.txt └── README.md ├── Task 2- Hero Section Design ├── Vishesh-Vijay.txt ├── ananyaa07.txt ├── anshgeez31.txt ├── SanyamAgrawal07.txt ├── aasthaaaa7.txt ├── akshayw1.txt ├── herosection.txt ├── shashi_hero.txt ├── Siddhant-Agarwal4583.txt └── README.md ├── Task 3- CampusOLX LOGO Design ├── anshgeez31.txt ├── aasthaaaa7.txt ├── ananyaa07.txt ├── sushantk1274.txt └── README.md ├── Task 4- Website Footer Design ├── Koshal7.txt ├── aasthaaaa7.txt ├── anshgeez31.txt ├── bhumika-kalaru.txt ├── JahnaviGadde.txt ├── sushantk1274.txt ├── SanyamAgrawal07.txt ├── ananyaa07.txt └── README.md ├── Task 6- Testimonials section ├── aasthaaaa7.txt ├── ananyaa07.txt └── README.md ├── Task 7- How it works section ├── aasthaaaa7.txt ├── ananyaa07.txt └── README.md ├── Task-5- Offer └── Sale Section Design │ ├── aasthaaaa7.txt │ └── sushantk1274.txt ├── SST 4- LOGO design for LOST AND FOUND ├── aasthaaaa7.txt ├── ananyaa07.txt ├── bhumika-kalaru.txt ├── sushantk1274.txt ├── Koshal7.txt ├── SanyamAgrawal07.txt └── README.md ├── Task 5- Sale └── offer │ └── deal section design │ ├── ananyaa07.txt │ ├── sushantk1274.txt │ └── README.md ├── Design Rep #Freshers_only └── README.md └── README.md /fun task- Play the game/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | Fun task done. 2 | -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/.DS_Store -------------------------------------------------------------------------------- /Task 1- UX Task/Ribhav.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/pQoiQIdg93JKowgWSFthDa/Untitled?t=K1MWy0WcK1jXopSz-0 2 | -------------------------------------------------------------------------------- /Task 1- UX Task/RibhavBansal.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/pQoiQIdg93JKowgWSFthDa/Untitled?t=K1MWy0WcK1jXopSz-0 2 | -------------------------------------------------------------------------------- /Task 7/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/zPTP79niCYjvqo3SHDGEWe/Untitled?node-id=0%3A1&t=ojFibcKOoZJMSQrM-1 -------------------------------------------------------------------------------- /Task 8/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/zPTP79niCYjvqo3SHDGEWe/Untitled?node-id=0%3A1&t=ojFibcKOoZJMSQrM-1 -------------------------------------------------------------------------------- /Design Rep #2/shashiii.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/snUHpkpcFSemUjvsPbTlQh/websitecopy?node-id=0%3A1&t=pTteCpz2Dxpz2DgH-1 -------------------------------------------------------------------------------- /Design Rep #3/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/J5ZaFQD6lec73ClJwsHc1j/Rep-3?node-id=0%3A1&t=oeHhcMKjgHSvcyFW-1 -------------------------------------------------------------------------------- /Design Rep #3/ananyaa07: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/15MZKXbvJ4UHMBMoYtjUJM/des-resp3?node-id=0%3A1&t=DjrQZvJmIn7EDYdH-1 2 | -------------------------------------------------------------------------------- /Task 1- UX Task/uxtask-1: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/wsD112jI4C6qdy0pxPjKOq/Untitled?node-id=0%3A1&t=JLQsBYcsnICUM0xq-1 2 | -------------------------------------------------------------------------------- /Design Rep #1/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/yD5OHbANrp9HwrO38oiJLj/Design-reps-1?node-id=0%3A1&t=apDQbGoNDiLJ9svU-1 -------------------------------------------------------------------------------- /Design Rep #1/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/UAyqurCbqnUOYb3NuxQTYe/design-rep?node-id=0%3A1&t=neEb3ni0XBSFg4bF-1 2 | -------------------------------------------------------------------------------- /Design Rep #1/bhumika-kalaru.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/gk6cRvK67GnbMEVx9NmC8J/Untitled?node-id=0%3A1&t=KZgayzlUxucL4Y6W-0 -------------------------------------------------------------------------------- /Design Rep #1/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/IjsHsMFvcG4zoDwG2lGf51/Untitled?node-id=0%3A1&t=iCN6m9ZLgzny4diR-1 2 | -------------------------------------------------------------------------------- /Design Rep #2/Koshal7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/v79u5oeZiRI4Ni5ie0fAOm/Design-Rep?node-id=0%3A1&t=PeKoLzFd3sM7faZ8-0 2 | -------------------------------------------------------------------------------- /Design Rep #2/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/rb5u8GyaDMSwBaqgiVdC4L/Bee-clone?node-id=0%3A1&t=pw6xG6leGTXpdAtg-1 -------------------------------------------------------------------------------- /Design Rep #2/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/hYG8QZSeoafzBAfwXHmQM8/Design-reps-2?node-id=0%3A1&t=Ek6Eu7GY9mdyIiSm-1 -------------------------------------------------------------------------------- /Design Rep #2/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/yBaQgB8kLTtzFe7VeSZFOs/Untitled?node-id=0%3A1&t=FhoJWr7inyEAvj7n-1 2 | -------------------------------------------------------------------------------- /Design Rep #2/bhumika-kalaru.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/8m1YVSXjb09cABz3h6O5SY/Untitled?node-id=0%3A1&t=Z4RBjq8A1w2RKR5F-0 -------------------------------------------------------------------------------- /Design Rep #2/thedivineaurora.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/bSqkAM0JuRKPR4EQ6lbZjM/task-2?node-id=0%3A1&t=BKmAQ4EUDAAQESWh-0 -------------------------------------------------------------------------------- /Design Rep #3/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/HdZ8t2rbWPTUOMAMAHCdSF/Design-reps-3?node-id=0%3A1&t=ZD2KwFT93dzbLdm5-1 -------------------------------------------------------------------------------- /Design Rep #3/bhumika-kalaru.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/R7GmPToesLUm4PoykaDL6n/Untitled?node-id=0%3A1&t=z3Q3Ox37ltntX0g6-0 -------------------------------------------------------------------------------- /SST 1- Understanding Basics/BINGABABA .txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1rT7pGqlsiIgJysJR04bkEJVd9Ya4DZukRenJcSuXmbk/edit -------------------------------------------------------------------------------- /SST 1- Understanding Basics/Finesse-734.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1S5IBxX371VzU8mQpMOM8ItRfbmH7mJ2mqHMl1yWvqj8/edit -------------------------------------------------------------------------------- /SST 1- Understanding Basics/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1k_CneOg380iN4ntTDxXorQgMRX0V4s2GQVCqbFzU8kk/edit -------------------------------------------------------------------------------- /Task 1- UX Task/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/DeUOw0100Gv8U1Z37rvZB5/FlowChart?node-id=0%3A1&t=vgSd0jswXAndhpCW-1 -------------------------------------------------------------------------------- /Task 8- Last task/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/r6UR4eWEjvDG7nOeCGq3NX/CampusOLX?node-id=0%3A1&t=G2WPL9oFmxzlSK8e-1 -------------------------------------------------------------------------------- /fun task- Play the game/FunTask.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1Cs_KQQTzyfq6bjqFnzTAN6QDVA0ertm2/view?usp=share_link 2 | -------------------------------------------------------------------------------- /fun task- Play the game/IIT2022023.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1UKvTChYad17wU8ZPmovVPdmFdMntUeZ0/view?usp=share_link 2 | -------------------------------------------------------------------------------- /fun task- Play the game/Kushal.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1Cs_KQQTzyfq6bjqFnzTAN6QDVA0ertm2/view?usp=share_link 2 | -------------------------------------------------------------------------------- /fun task- Play the game/Rohit_110.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/13E3-hUJMcL2tJaSIr6b1nLIZyakWQGz7/view?usp=sharing 2 | -------------------------------------------------------------------------------- /fun task- Play the game/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1t24o1tce30Wd09gaKAIS0z3GWXJpDV0x/view?usp=sharing 2 | -------------------------------------------------------------------------------- /Design Rep #1/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/W8s4qpUvcq62uBfZWAv8hN/Design-rep-1?node-id=0%3A1&t=3JQVrWqgZWV8v06l-1 -------------------------------------------------------------------------------- /Design Rep #2/JackofAllCodez.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ItoQwK6ySI4YSVwMZC9weY/Untitled?node-id=0%3A1&t=kwxux7ZaWPwO0WBB-1 2 | -------------------------------------------------------------------------------- /SST 1- Understanding Basics/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/SST 1- Understanding Basics/.DS_Store -------------------------------------------------------------------------------- /SST 1- Understanding Basics/RibhavBansal.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/14zP2CELAyHTT7L5VS4Vm1ls7noSxizSNBXvpkvILtyk/edit 2 | -------------------------------------------------------------------------------- /Task 1- UX Task/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/aPwbJsf8IyZjSZknN4kpoQ/Opencode-CampusOlx?node-id=0%3A1&t=PJpMHpHtraEXv7vg-1 -------------------------------------------------------------------------------- /Task 8- Last task/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ZYidmRWDqzQYJnKEyZ9aya/Campus-Olx?node-id=0%3A1&t=6xSDYhngPXQ1TD7i-1 2 | -------------------------------------------------------------------------------- /fun task- Play the game/JackofAllCodez.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1Ys1WaAWSQwqbUQj20ZGK6HlqylI3Pa84/view?usp=sharing 2 | -------------------------------------------------------------------------------- /fun task- Play the game/Koshal7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/fun task- Play the game/Koshal7.png -------------------------------------------------------------------------------- /Design Rep #2/JahnaviGadde.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/O7cWjQQv5UXBCnSTmvGNZI/Design-Reps-%232?node-id=0%3A1&t=7dNoXv92ODGlMitY-1 2 | -------------------------------------------------------------------------------- /Design Rep #2/kushal7201.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/rykQRqrpJuhKm7cXTsEqw0/Music-app-interface?node-id=0%3A1&t=AW35GxA9qcH4joqY-1 2 | -------------------------------------------------------------------------------- /Design Rep #3/JackofAllCodez.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/I2DPplQ1Poigj4QSgZzMio/Design-Rep-3?node-id=0%3A1&t=fQiZtgujQLcJ3MN0-1 2 | -------------------------------------------------------------------------------- /Frontend-Forum Collab Task/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/u4NeYWQ3KOGuwWmebRfNG7/dashboard?node-id=2%3A2&t=DVoiExjD5LbU5J3M-1 -------------------------------------------------------------------------------- /SST 1- Understanding Basics/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1gE3i7DpunWhR98O7HYGn5e3QTtLO6XT6O5oDNvgQohQ/edit?usp=sharing -------------------------------------------------------------------------------- /SST 1- Understanding Basics/sushantk1274image1.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1V_w1BC0bGsA_Ebco0fnguRel2eK7oKzG-LXF3S6Yvv0/edit -------------------------------------------------------------------------------- /SST 1- Understanding Basics/sushantk1274image3.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1hnS4FUSJrrt3DkgPDqNowYs0rmI2-xKgUIAWnfozYOE/edit -------------------------------------------------------------------------------- /SST 1- Understanding Basics/sushantk1274image4.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1XXnA-phUcRlshi77DjOdaBoPAt_jPPIkPsHY-pJk8Q8/edit -------------------------------------------------------------------------------- /SST 1- Understanding Basics/zitsav.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1f6Lvurl_IZd_DdOihtSKXcVoFkxNRF-pP57urTpWupg/edit?usp=sharing -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ItvXpaL5RdVvxK4qrQioza/Untitled?node-id=0%3A1&t=GCnyJZ4yNxAG9ZvE-1 -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/KF4jNapPhiGZv4xZOOHA2K/T-shirt?node-id=0%3A1&t=oCP9z5cAFYGZfQVO-1 -------------------------------------------------------------------------------- /SST 6- Credit Card Design/Koshal7.txt.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/FWveT7FERADotTy6CiHE6u/Credit-Card?node-id=0%3A1&t=yE0lH1B7qOfZqw4C-0 -------------------------------------------------------------------------------- /SST 6- Credit Card Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/k5Ivey0jRrBSfpN6HiQX7K/Credit-Card?node-id=0%3A1&t=tNLkaOUpyBbVFgJk-1 -------------------------------------------------------------------------------- /Task 1- UX Task/Siddhant_Agarwal.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/BLPne70hVcHMNVc6BjMUIa/CampusOLX_Task1?node-id=0%3A1&t=DEC5XnHtUm1es21T-1 -------------------------------------------------------------------------------- /Task 1- UX Task/Task-1_UX_design.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/rzF6m9xmw9WJedJgMF5E0p/opencode-task-1?node-id=0%3A1&t=YfxcYG4ksvxDBL5T-3 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/Vishesh-Vijay.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/1Os96vw3zMOGoCa8ypP3U6/Untitled?node-id=0%3A1&t=JDlQd73jsMVUr1Tv-0 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ZYidmRWDqzQYJnKEyZ9aya/Campus-Olx?node-id=0%3A1&t=Z9Kgf21NX5AsgxZk-1 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ijnXcNxBtvzABlmESGDDs9/HeroPage?node-id=0%3A1&t=qPYmtCUiyzHoSSWl-1 -------------------------------------------------------------------------------- /Task 3- CampusOLX LOGO Design/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/3RbxbeZGtadrIqGU09bs1O/Logo?node-id=0%3A1&t=ULP9KlAABZJVM5nz-1 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/Koshal7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/m1jJTufFXlBy8SszGLR4kK/Footer?node-id=3%3A3&t=cRiAFNu8KkSjy5cN-0 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/t7SqMJBN13f4kRr7Obe3Ym/Footer?node-id=2%3A2&t=f4HJjG4LdBZi1Dvl-1 -------------------------------------------------------------------------------- /fun task- Play the game/aasthaaaa7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/fun task- Play the game/aasthaaaa7.png -------------------------------------------------------------------------------- /Frontend-Forum Collab Task/forumdashboard: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/Ol3rNwJqvnnPggQ52j3iE8/Untitled?node-id=0%3A1&t=eJ2qptLyJNM2TZBs-1 2 | -------------------------------------------------------------------------------- /SST 1- Understanding Basics/RayLikesAnime.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1rQlvbzG76-TC3JKqlOTF46PCU-3EFFFiEGWcCwQHGyw/edit?usp=sharing -------------------------------------------------------------------------------- /SST 1- Understanding Basics/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1-gOcx01DGFrN3Bx6BgjHVN-zrwGXaxi1Vq5rWdiiv6w/edit?usp=sharing -------------------------------------------------------------------------------- /SST 1- Understanding Basics/Vedant.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1mTmIy4AkYq08ajR4tWowaHdzxxT33CMUnHu3G6Xkikc/edit?usp=sharing 2 | -------------------------------------------------------------------------------- /SST 1- Understanding Basics/hargunkaur286.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1DwTHtZa6wmeT6Xr7rir_ZATDiNXorIQW8f0BRO5FkUA/edit?usp=sharing -------------------------------------------------------------------------------- /SST 1- Understanding Basics/prathambhatia86.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/1CSlg0Mfpk-Qxgel5T1ocegKrDYTFxML0IhTAJiSuEQc/edit?usp=sharing -------------------------------------------------------------------------------- /SST 1- Understanding Basics/sushantk1274image2.txt: -------------------------------------------------------------------------------- 1 | url-https://docs.google.com/document/d/176KFBS4PXXh2LpqNybBqJR9MCj4S1kMYkn2yddy2k04/edit -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/Rohit_110.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/8HzjpwEiFAj8cs2YDxwH9Y/Practice-Set?node-id=0%3A1&t=L9l3hcykyYecN2Ik-1 2 | -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/pragya1976.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/Z2830SgV09Hw0HJazsOF0z/Untitled?node-id=0%3A1&t=BQoUMGwPzuqCGuTB-1 2 | -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/shashanka.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/GqvynZ1RquYpNdMPir7eKe/Shashank?node-id=0%3A1&t=74J5mHXuNm3azKgn-1 2 | -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/R5NDzlJErTdLLr5BL18Anz/Untitled?node-id=0%3A1&t=PA3kNgBOpoL69Hkf-1 -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/isiC8SZZ15zM9DzhJOGQDd/Untitled?node-id=13%3A46&t=DHJLRQhXVCOsM3C7-1 -------------------------------------------------------------------------------- /SST 6- Credit Card Design/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/nvH9JL5VwYOfSJPLvi8r15/Credit-cards?node-id=0%3A1&t=DEng5vwvzsYbthWu-1 -------------------------------------------------------------------------------- /SST 6- Credit Card Design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/hayqHl7RiwAAtUOwmzevHL/credit-card?node-id=0%3A1&t=kQff9tDchtg4QP3y-1 2 | -------------------------------------------------------------------------------- /SST 6- Credit Card Design/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/3moCGXpnn8oh95fmUPnRcg/Untitled?node-id=1%3A2&t=yDXlSTAooSNuQVXn-1 2 | -------------------------------------------------------------------------------- /Task 2- Hero Section Design/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/LJRyv4e0CpWMwvENEaGiwR/Untitled?node-id=0%3A1&t=o1iWrNbh6m9iHbFB-1 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/5ty4VM3YT54A85KeU4X6Sy/Hero-section?node-id=0%3A1&t=9DmFZU480fIccFip-1 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/akshayw1.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/cHNeVW6xBrg2Qk9Mj7R6hH/Campus-OLX-Hero?node-id=0%3A1&t=jXNqDdDkTCdogdCi-0 -------------------------------------------------------------------------------- /Task 2- Hero Section Design/herosection.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/4z6iakMgsEQq3OBspnbNic/Untitled?node-id=0%3A1&t=ckVlD9xjZqRU1kA5-1 2 | -------------------------------------------------------------------------------- /Task 3- CampusOLX LOGO Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/Fj0YZKlaGUKx45C9tzURod/campusOLX-logo?node-id=0%3A1&t=NWI7NePS4MRf2mfH-1 -------------------------------------------------------------------------------- /Task 3- CampusOLX LOGO Design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/BsylOqiGXtrHu2vFVDTZmS/campusolx-logo?node-id=0%3A1&t=9KXXUTE7Z3asOfqA-1 -------------------------------------------------------------------------------- /Task 4- Website Footer Design/anshgeez31.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/HOLtpbJzh9yT8ZSHLPDkhR/Footer?node-id=0%3A1&t=BDhGV82lB4jfyEYy-1 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/bhumika-kalaru.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/HTVViiSNliHrJu9uhGqNxp/Untitled?node-id=0%3A1&t=Bmr0AqVKfIUOZPl0-0 -------------------------------------------------------------------------------- /Task 6- Testimonials section/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/kMdvsPZ1K7v2GhCkxHBzc3/Testimonial?node-id=0%3A1&t=iAFOlqxy9xeR6dZQ-1 -------------------------------------------------------------------------------- /Task 6- Testimonials section/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ZYidmRWDqzQYJnKEyZ9aya/Campus-Olx?node-id=0%3A1&t=6xSDYhngPXQ1TD7i-1 2 | -------------------------------------------------------------------------------- /Task 7- How it works section/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/tf8ziKVhbpJVg8XMx58hkJ/how-it-works?node-id=0%3A1&t=goycxE2qYJ8Sjnxz-1 -------------------------------------------------------------------------------- /Task 7- How it works section/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ZYidmRWDqzQYJnKEyZ9aya/Campus-Olx?node-id=0%3A1&t=6xSDYhngPXQ1TD7i-1 2 | -------------------------------------------------------------------------------- /Task-5- Offer/Sale Section Design/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/S2K0nZKXXNzrh88HVhAZEi/Offers?node-id=0%3A1&t=B1FXPRndAhEiggEL-1 -------------------------------------------------------------------------------- /Task-5- Offer/Sale Section Design/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/IeL6dD4UmhXCKXzUyARvL2/Untitled?node-id=0%3A1&t=1njpPfohliKYqsIe-1 -------------------------------------------------------------------------------- /fun task- Play the game/GammaMicrowave.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/fun task- Play the game/GammaMicrowave.jpg -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/JackofAllCodez.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/eywavJzhHiB94dbA9ln6cn/Untitled?node-id=0%3A1&t=s5rVdja7TDTabbfo-1 2 | -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/JahnaviGadde.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/u74iTDs9DT3UZv0ipUtfld/Design-Reps?node-id=0%3A1&t=fwgRdOzuFIT3KJeG-1 2 | -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/Vishesh-Vijay.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/tbiKXgXlqLFS2Em2dSZTC9/Untitled?node-id=0%3A1&t=HXEKi4IEDpAn2UqA-0 2 | -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/tshirtdesign.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/Y9eEihmTjwALH1WINMxXMO/Untitled?node-id=0%3A1&t=jNq0M8KWW0aHsJ9L-1 2 | -------------------------------------------------------------------------------- /Task 2- Hero Section Design/shashi_hero.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/lDmva8sWcFfrsYLLnEYUwU/shashi_chaubey_hero?node-id=0%3A1&t=IcU3kXKx8aTDwSv2-3 -------------------------------------------------------------------------------- /Task 3- CampusOLX LOGO Design/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/S4hWA4d58Sov9jRsgraVY6/Untitled?node-id=0%3A1&t=ZhjtedLNLbkCb9HQ-1 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/JahnaviGadde.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/mJR8K3jkpbbDw6twr4pBNl/Untitled?node-id=0%3A1&t=nm3FdattdfIsh3tJ-1 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/IeL6dD4UmhXCKXzUyARvL2/Untitled?node-id=0%3A1&t=otEoU34ah921NMZM-1 2 | -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/akshayw1git.txt: -------------------------------------------------------------------------------- 1 | 2 | https://www.figma.com/file/bn2w1YpwXTb3q6uniL2y0w/CampusOLX-UI-task?node-id=0%3A1&t=1F1S32GZLC5PD9Qb-0 -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/rxu4eldptnVHgRgYV4nXZ6/Lost-and-found?node-id=0%3A1&t=MC8xNSlKaEsOzkES-1 -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/XKMPpJ1eiy9o4IIis0fQKx/lost-n-found?node-id=0%3A1&t=DjrQZvJmIn7EDYdH-1 2 | -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/bhumika-kalaru.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/NCfYRv1FsAWKBJxWT5UlVX/Untitled?node-id=0%3A1&t=z3Q3Ox37ltntX0g6-0 -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/roXKJpTKZSWIyJu0Vr1y0j/Untitled?node-id=0%3A1&t=ilr74AHbfOn1n7a6-1 2 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/UbPwPTVade5FGABpllPVQB/Campus-Olx-Footer?node-id=0%3A1&t=4icQlDkOrL57ezTU-1 -------------------------------------------------------------------------------- /Task 4- Website Footer Design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/TNPTf2CwigWqI92HWanliE/footer-campusolx?node-id=0%3A1&t=IVUpx3t1mziTznFm-1 2 | -------------------------------------------------------------------------------- /Task 5- Sale/offer/deal section design/ananyaa07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/ZYidmRWDqzQYJnKEyZ9aya/Campus-Olx?node-id=0%3A1&t=6xSDYhngPXQ1TD7i-1 2 | -------------------------------------------------------------------------------- /Task 5- Sale/offer/deal section design/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/IeL6dD4UmhXCKXzUyARvL2/Untitled?node-id=0%3A1&t=Iox0ICtcEnOXV7Fc-1 2 | -------------------------------------------------------------------------------- /SST 1- Understanding Basics/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | google docs link :- https://docs.google.com/document/d/1Kl1oc0-MoQRT1xIlul0ET_jEflTVou68wGwCnu2SqvA/edit?usp=sharing -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/Koshal7.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/qcB4cquvfOmhszJyqQtKfC/Lost-and-Found?node-id=5%3A11&t=f8qgxLf1M4cgWmyQ-0 2 | -------------------------------------------------------------------------------- /Task 1- UX Task/task1_ux_riddhi.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/EHMYHI2gVwbOH3hVGGiwEj/Untitled?node-id=0%3A1&t=txzfPOZvjuF4dG4I-1 2 | 3 | this the new file -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/aasthaaaa7.txt: -------------------------------------------------------------------------------- 1 | link :- https://www.figma.com/file/JaiAbIl2CaL5UCPB30wYST/Small-side-task-2-new?node-id=0%3A1&t=cNabTpwSl12TpgX5-1 2 | -------------------------------------------------------------------------------- /Task 2- Hero Section Design/Siddhant-Agarwal4583.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/GmIOAtf172PVn07ej5zmFN/Siddhant-Agarwal4583_hero?node-id=0%3A1&t=7D17ZEp0KOnyHWXA-1 -------------------------------------------------------------------------------- /fun task- Play the game/bhumika-kalaruFun Task.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/fun task- Play the game/bhumika-kalaruFun Task.png -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/JackofAllCodez.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/uSQYRhf1Ext4U3x0I2ilOe/T-Shirt-Mockup-(Community)?node-id=0%3A1&t=jUP6L8xZiyBndH8j-1 2 | -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/SanyamAgrawal07.txt: -------------------------------------------------------------------------------- 1 | https://www.figma.com/file/3xFtst2bb3qDAkpIvqzD4i/Lost-and-found-app-logo?node-id=0%3A1&t=KQTQ0xXu0rSEffiO-1 -------------------------------------------------------------------------------- /Task 1- UX Task/sushantk1274.txt: -------------------------------------------------------------------------------- 1 | url---https://www.figma.com/file/g05W37VEf3EaMB5PJ7oXTY/IIT2021147-SUSHANT-KUMAR-SHARKTANK-(Copy)?node-id=210%3A195&t=NVcEPKsUSVyfZUrc-0 -------------------------------------------------------------------------------- /fun task- Play the game/Screenshot 2023-01-08 132121.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/opencodeiiita/CampusOLX/HEAD/fun task- Play the game/Screenshot 2023-01-08 132121.png -------------------------------------------------------------------------------- /SST 1- Understanding Basics/sst1_riddhikedia.txt: -------------------------------------------------------------------------------- 1 | https://docs.google.com/document/d/19Vrvqz3728LVU0z-ws7PsjI55up367Ml/edit?usp=sharing&ouid=117523151038258420804&rtpof=true&sd=true -------------------------------------------------------------------------------- /fun task- Play the game/shashankA.txt: -------------------------------------------------------------------------------- 1 | https://drive.google.com/file/d/1Lyh2paeGZSkaVP7-qH2_HljGRzNL2QWo/view?usp=share_link 2 | 3 | Link of the screenshot 4 | open with college id only 5 | -------------------------------------------------------------------------------- /Task 8- Last task/README.md: -------------------------------------------------------------------------------- 1 | This task is for **50 points**. The deadline is **15th Jan, 12 Noon**. 2 | 3 | You just have to Assemble the entire home page of CampusOLX. 4 | 5 | Firstly paste the hero section that you made in task 2, then the how it works section made in task 7, then the sale section you created in task 5 and then the testimonials section made in task 6, and finally the footer made in the 4th task. 6 | 7 | If you haven't made any of the sections previously make it now for this task. 8 | 9 | Submit the properly assembled home page of CampusOLX, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 8: Final Task** folder. -------------------------------------------------------------------------------- /fun task- Play the game/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No** need to claim this issue. 4 | 5 | NO SUBMISSION WILL BE ACCEPTED AFTER **8th January 11:59 PM.** 6 | 7 | For this task you just have to play the game named ‘Can’t Unsee’. The task is for **20 points**. This game will improve your understanding of UI/UX. Submit the screenshot in the **FUN Task- Play the game** folder only. 8 | 9 | Link to the game-[https://cantunsee.space/](https://cantunsee.space/) 10 | 11 | ## **MDC (Minimum Design Criteria):** 12 | 13 | ## For freshers: 14 | 15 | You have to play this game at least up to the easy level. At least complete the entire easy level and bag 1200 points minimum and then upload a screenshot of the same in the PR you make. If you have bagged less than 1200 points then play the game again and then submit the ss as PRs with less than 1200 points won't be merged. 16 | 17 | ## For other players: 18 | 19 | You have to play this game at least up to the medium level. At least complete the entire medium level and bag 3500 points minimum and then upload a screenshot of the same in the PR you make. If you have bagged less than 3500 points then play the game again and then submit the ss as PRs with less than 3500 points won't be merged. -------------------------------------------------------------------------------- /Frontend-Forum Collab Task/README.md: -------------------------------------------------------------------------------- 1 | The forum is a project where students of IIITA can ask their doubts or share their experiences with each other. They can join spaces or communities too. 2 | Your Task is to design a Profile page for this website on Figma. 3 | 4 | --- 5 | The dashboard should include all necessary information of a user like a name, profile image, the question asked/solved, communities, reward, etc... 6 | You can take references from any other Forum website. 7 | 8 | ## Guidelines 9 | - The UI should be clean. 10 | - Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the Frontend-Forum Collab Task folder only. 11 | ## Minimum Design Criteria 12 | The profile page should look like a webpage. The design should not look like a PDF but rather a webpage. Make sure that the theme matches with that the theme of the entire website, all major features of the profile related to a forum page must be present. Create a beautiful UI so that the user wishes to use the website. The placement of different features must be appropriate on the web page. 13 | ## Note 14 | - The top 3 designs will be selected and will be rewarded with points. 15 | - The final decision will be taken by mentors. 16 | - As it is open to all issues, therefore, is no need to claim. 17 | - Make sure you follow the given template before making the pull request. -------------------------------------------------------------------------------- /SST 6- Credit Card Design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **15th January, 12 Noon**. 4 | 5 | Your **Sixth** **Small Side Task** is designing your very own credit card. This is a **40 points** task. 6 | 7 | The task needs to be done on **Figma**. 8 | The task is to **design** your very own **credit card**. The step-wise procedure to make credit cards is given at this link- [https://www.instagram.com/p/CjDc1WzvJsy/](https://www.instagram.com/p/CjDc1WzvJsy/) . 9 | To add glass effect on your credit card follow the link- [https://www.youtube.com/watch?v=8UWkR1H5E4o](https://www.youtube.com/watch?v=8UWkR1H5E4o),[https://www.youtube.com/watch?v=Y_JF_padZBg](https://www.youtube.com/watch?v=Y_JF_padZBg) 10 | 11 | ## Procedure: 12 | 13 | 1. Follow the instructions in the video and the insta guide and make a proper credit card. 14 | 2. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 6- Credit Card Design** folder only. 15 | 16 |
17 | 18 | > ✨**PRO-TIP:** A good use of font styles, graphics, and placement plays a crucial role in a good graphic design. 19 | > 20 | 21 |
22 | 23 | ## **MDC (Minimum Design Criteria):** 24 | 25 | Make sure that the dimensions of the credit card are as mentioned in the guild. Follow the guild carefully and make a proper credit card, Make a sober, professional, and perfect credit card. Use proper fonts and the base of the credit card must be beautiful. -------------------------------------------------------------------------------- /Design Rep #3/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **8th January, 1 Noon**. 4 | 5 | Your Third **design rep** is based on copying the hero section of a website and learning. This is a **40 points** task. 6 | 7 | The task needs to be done on **Figma**. 8 | 9 | ## Procedure: 10 | 11 | 1. I will be sharing 1 jpg image of the hero section of the home screen of a website. Your task is to copy the entire jpg as it is. 12 | 2. Firstly select the frame of a desktop, and start by making the wire frame. 13 | 3. Once the wire-frame is made, start copying the nav bar completely then move downward and copy the entire screen. 14 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **Design rep #3** folder only. 15 | 16 |
17 | 18 | > ✨**PRO-TIP:** Resize the jpg to the size of your website frame, then after making each and every element by keeping it on the original jpg and see if the sizes are the same and spacing, and alignment is proper. This makes it super easy to copy screens. 19 | > 20 | 21 |
22 | 23 | ## **MDC (Minimum Design Criteria):** 24 | 25 | Make sure that the design is **exactly the same** as that of the jpg. Only Accurate designs would be merged!! See to it that the spacing, sizes, and alignment are perfect and the Hero section looks like a hero section. Don’t make any add-ons from your side. **Copy the screen to perfection.** 26 | 27 | > ✨**PRO-TIP:** You must search **Figma Mirror** on google and then select our frame on Figma and you will be able to see how your website would look on the screen. Take references of sizes and spacing from there. 28 | > 29 | 30 | ![image](https://user-images.githubusercontent.com/97425446/211139153-461022a2-5a5c-4b0b-ab2a-ffd01ad35273.png) 31 | -------------------------------------------------------------------------------- /Design Rep #2/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **6th January, 11:59 PM**. 4 | 5 | Your **Second Design reps task** is based on copying the hero section of a website and learning. This is a **50 points** task. 6 | 7 | The task needs to be done on **Figma**. 8 | 9 | ## Procedure: 10 | 11 | 1. I will be sharing 1 jpg image of the hero section of the home screen of a website. Your task is to copy the entire jpg as it is. 12 | 2. First select the frame of a desktop, and start by making the wire frame. 13 | 3. Once the wire-frame is made, start copying the nav bar completely then move downward and copy the entire screen. 14 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 2- Copying Main Screens** folder only. 15 | 5. If you copy paste the screen fro someone else's repo then also serious plag will be imposed. 16 |
17 | 18 | > ✨**PRO-TIP:** Resize the jpg to the size of your website frame, then after making each and every element by keeping it on the original jpg and see if the sizes are the same and spacing, and alignment is proper. This makes it super easy to copy screens. 19 | > 20 | 21 |
22 | 23 | ## **MDC (Minimum Design Criteria):** 24 | 25 | Make sure that the design is **exactly the same** as that of the jpg. Only Accurate designs would be merged!! See to it that the spacing, sizes, and alignment are perfect and the Hero section looks like a hero section. Don’t make any add-ons from your side. **copy the screen to perfection.** 26 | 27 | > ✨**PRO-TIP:** You must search **Figma Mirror** on google and then select our frame on Figma and you will be able to see how your website would look on the screen. Take references of sizes and spacing from there. 28 | > 29 | ![Design reps 2](https://user-images.githubusercontent.com/97425446/210854863-973562c5-2c7e-4f6b-b561-ee35d28043ac.png) 30 | 31 | -------------------------------------------------------------------------------- /Design Rep #1/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **5th January, 11:59 PM**. 4 | 5 | Your **First Design reps task** is based on copying the hero section of a website and learning. This is a **30 points** task. 6 | 7 | The task needs to be done on **Figma**. 8 | 9 | ## Procedure: 10 | 11 | 1. I will be sharing 1 jpg image of the hero section of the home screen of a website. Your task is to copy the entire jpg as it is. 12 | 2. First select the frame of a desktop, and start by making the wire frame. 13 | 3. Once the wire-frame is made, start copying the nav bar completely then move downward and copy the entire screen. 14 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 2- Copying Main Screens** folder only. 15 | 5. If you copy paste the screen fro someone else's repo then also serious plag will be imposed. 16 |
17 | 18 | > ✨**PRO-TIP:** Resize the jpg to the size of your website frame, then after making each and every element by keeping it on the original jpg and see if the sizes are the same and spacing, and alignment is proper. This makes it super easy to copy screens. 19 | > 20 | 21 |
22 | 23 | ## **MDC (Minimum Design Criteria):** 24 | 25 | Make sure that the design is **exactly the same** as that of the jpg. Only Accurate designs would be merged!! See to it that the spacing, sizes, and alignment are perfect and the Hero section looks like a hero section. Don’t make any add-ons from your side. **copy the screen to perfection.** 26 | 27 | > ✨**PRO-TIP:** You must search **Figma Mirror** on google and then select our frame on Figma and you will be able to see how your website would look on the screen. Take references of sizes and spacing from there. 28 | > 29 | ![Design reps freshers](https://user-images.githubusercontent.com/97425446/210588444-6f159f78-2c29-46ec-9eea-07f4672e352c.png) 30 | 31 | -------------------------------------------------------------------------------- /Task 3- CampusOLX LOGO Design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No need to claim this issue.** 4 | 5 | **NO SUBMISSION WILL BE ACCEPTED AFTER 2nd January 12 Noon.** 6 | 7 | After getting your hands on Figma, now its time to enter in the world of graphic design. In this task, you must design a LOGO for the CampusOLX Website. 8 | 9 | This task can be done in **Adobe Illustrator** or **Figma**. 10 | 11 | If you are unclear with how to start, you can check out these articles: 12 | 13 | 1. [https://www.ebaqdesign.com/blog/logo-design-process](https://www.ebaqdesign.com/blog/logo-design-process) 14 | 2. [https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/](https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/) 15 | 16 | or check out this playlist: 17 | [https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg](https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg) 18 | 19 | ## Submission Guidelines: 20 | 21 | For Submission, you would have to *Upload the illustrator file( if doing in illustrator )* or a *.txt file (with figma link in it)* and make sure to keep the file in the "**Task 3-** **CampusOLX LOGO Design”** folder only. 22 | 23 | Any plagiarism will not be supported. You can take inspiration, but the idea must be unique. 24 | 25 | Name of your *illustrator file/ text file* should be your GitHub username 26 | 27 | ## **MDC (Minimum Design Criteria):** 28 | 29 | The design must be suitable, constant, and tidy. Keep in mind that the logo ought to be straightforward, versatile, timeless, memorable, and scaleable. It should in the simplest and most powerful way describe CampusOLX as a whole. 30 | 31 | For any doubts related to the task or the submission process you can always ping us on discord. We will be happy to help. 32 | 33 | > ✨PRO-TIP: Make a LOGO that suits the color scheme and theme of your website, meaning customize it according to the home page you have made. If not made the home page previously then just make a good LOGO first. 34 | > -------------------------------------------------------------------------------- /SST 4- LOGO design for LOST AND FOUND/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No** need to claim this issue. 4 | 5 | NO SUBMISSION WILL BE ACCEPTED AFTER **8th January 12 at Noon.** 6 | 7 | After getting your hands on Figma, now it's time to enter the world of graphic design. In this task, you must design a LOGO for the **Lost and Found Website**. The task is for **30 Points**. Only good designs will be merged. 8 | 9 | **On this link you can find the Lost and Found website design**-https://www.figma.com/file/KVJumUWY9Lsh70lXBS6ilR/LOST-AND-FOUND-FINAL?node-id=0%3A1&t=Bkb4Npc7Az5RHnyV-1 10 | 11 | This task can be done in **Adobe Illustrator** or **Figma**. 12 | 13 | If you are unclear about how to start, you can check out these articles: 14 | 15 | 1. [https://www.ebaqdesign.com/blog/logo-design-process](https://www.ebaqdesign.com/blog/logo-design-process) 16 | 2. [https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/](https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/) 17 | 18 | or check out this playlist: 19 | [https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg](https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg) 20 | 21 | ## Submission Guidelines: 22 | 23 | For Submission, you would have to *Upload the illustrator file( if doing it in illustrator )* or a *.txt file (with Figma link in it)* and make sure to keep the file in the "**SST 4-** **LOGO Design Task”** folder only. 24 | 25 | Any plagiarism will not be supported. You can take inspiration, but the idea must be unique. 26 | 27 | The name of your *illustrator file/ text file* should be your GitHub username 28 | 29 | ## **MDC (Minimum Design Criteria):** 30 | 31 | The design must be suitable, constant, and tidy. Keep in mind that the logo ought to be straightforward, versatile, timeless, memorable, and scaleable. It should in the simplest and most powerful way describe **Lost and Found** as a whole. Note: Bad designs won't be merged. 32 | 33 | For any doubts related to the task or the submission process, you can always ping us on discord. We will be happy to help. 34 | 35 | > ✨PRO-TIP: Make a LOGO that suits the color scheme and theme of your website, meaning customize it according to the home page you have made. If not made the home page previously then just make a good LOGO first. 36 | > -------------------------------------------------------------------------------- /Design Rep #Freshers_only/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL FRESHERS ONLY.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **5th Jan, 11:59 PM**. 4 | 5 | Your **First Design repetition task** is based on copying the hero section of a website and learning. This is a 3**0 points** task. 6 | 7 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 8 | 9 | ## Procedure: 10 | 11 | 1. I will be sharing 1 jpg image of the hero section of the home screen of a website. Your task is to copy the entire jpg as it is. 12 | 2. Firstly select the frame of a desktop, and start by making the wire frame. 13 | 3. Once the wire-frame is made, start copying the nav bar completely then move downward and copy the entire screen. 14 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 2- Copying Main Screens** folder only. 15 | 5. If **anyone other than freshers** is seen doing this task then **serious plag** will be imposed. 16 | 6. If you copy paste the screen fro someone else's repo then also **serious plag** will be imposed. 17 | 18 |
19 | 20 | > ✨**PRO-TIP:** Resize the jpg to the size of your website frame, then after making each and every element by keeping it on the original jpg and see if the sizes are the same and spacing, and alignment is proper. This makes it super easy to copy screens. 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | Make sure that the design is **exactly the same** as that of the jpg. Only Accurate designs would be merged!! See to it that the spacing, sizes, and alignment are perfect and the Hero section looks like a hero section. Don’t make any add-ons from your side. **Copy the screen to perfection.** 28 | 29 | > ✨**PRO-TIP:** You must search **Figma Mirror** on google and then select our frame on Figma and you will be able to see how your website would look on the screen. Take references of sizes and spacing from there. 30 | > 31 | 32 | For any doubts related to the task or the submission process, you can always ping us on [discord](https://discord.com/channels/885149696249708635/1052176133954744391). We will be happy to help!! 33 | 34 | ![Design Reps1](https://user-images.githubusercontent.com/97425446/210588564-7b3577e0-b6c0-40a8-99cf-b293373b63b9.png) 35 | -------------------------------------------------------------------------------- /SST 2- Copying Main Screens/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **23rd December, 12 Noon**. 4 | 5 | Your Second **Small Side Task** is based on copying the hero section of a website and learning. This is a **20 points** task. 6 | 7 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 8 | 9 | The task needs to be done on **Figma**. 10 | 11 | ## Procedure: 12 | 13 | 1. I will be sharing 1 jpg image of the hero section of the home screen of a website. Your task is to copy the entire jpg as it is. 14 | 2. Firstly select the frame of a desktop, and start by making the wire frame. 15 | 3. Once the wire-frame is made, start copying the nav bar completely then move downward and copy the entire screen. 16 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 2- Copying Main Screens** folder only. 17 | 18 |
19 | 20 | > ✨**PRO-TIP:** Resize the jpg to the size of your website frame, then after making each and every element by keeping it on the original jpg and see if the sizes are the same and spacing, and alignment is proper. This makes it super easy to copy screens. 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | Make sure that the design is **exactly the same** as that of the jpg. Only Accurate designs would be merged!! See to it that the spacing, sizes, and alignment are perfect and the Hero section looks like a hero section. Don’t make any add-ons from your side. **Simply copy the screen to perfection.** 28 | 29 | > ✨**PRO-TIP:** You must search **Figma Mirror** on google and then select our frame on Figma and you would be able to see how your website would look on the screen. Take references of sizes and spacing from there. 30 | > 31 | ![Screen to copy](https://user-images.githubusercontent.com/97425446/209081013-0cccc330-1d4c-4211-a367-fe6db7fa2d29.png) 32 | -------------------------------------------------------------------------------- /SST 3- OpenCode T-shirt Design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **28th December, 11:59 PM**. 4 | 5 | Your Third **Small Side Task** is designing the OpenCode merch. This is a 30 **points** task. 6 | 7 | The task needs to be done on **Figma**. You would require knowledge of **Mock-up** for this task, So here is the link to an easy tutorial on mock-up: [https://www.youtube.com/watch?v=aSEkEvymFMw](https://www.youtube.com/watch?v=aSEkEvymFMw). 8 | 9 | ## IMP Announcement 10 | 11 | If a design is found to be **extraordinarily great**, then that merch will be declared as the **official merch of OpenCode’22**. And the designer of that merch will get his/her designed **merch for free** as a part of the OpenCode event. So, make sure you participate and try designing **the best merch possible** as you might get your own designed merch for free! Though this is valid only if the merch is amazingly great and is selected as the official merch, But it is not necessary that out of all the submission we find the best match. **So, all the decent designs will be merged and given 30 points each.** 12 | 13 | ## Procedure: 14 | 15 | 1. Firstly you must browse through and carefully **research** t-shirt designs on the web. 16 | 2. You first have to make a graphic design that appropriately **describes OpenCode**. Use graphics related to github, use slogans, use catchy phrases. 17 | 3. Now using the **mockup** video link given above make a mockup for a t-shirt. Remember that the design has to be implemented only on a T-Shirt and not on a hoodie or something else. 18 | 4. Do the task in a Figma file and provide its link (in a .txt file). Submit your txt files in the **SST 3- OpenCode T-shirt Design** folder only. 19 | 20 |
21 | 22 | > ✨**PRO-TIP:** A good use of font styles, graphics, and placement plays a crucial role in a good merch design. Use **the DaFont** website to get good and appropriate font styles. 23 | > 24 | 25 |
26 | 27 | ## **MDC (Minimum Design Criteria):** 28 | 29 | Make sure that the T-shirt looks like a t-shirt, Remember that only a **T-shirt** has to be designed. The design must be **unique** and your own creativity **do not copy designs** from other t-shirts, though you can take references and ideas for sure. Make sure you place the **OpenCode Logo** on the t-shirt. Use your creativity at its best, and for that do intensive research on the web to get amazing ideas. 30 | 31 | > ✨**PRO-TIP:** First make the entire design that you want to impose on the t-shirt and then impose it don't try pacing each and every element when they are made. First make all the elements and then place them. 32 | > -------------------------------------------------------------------------------- /SST 1- Understanding Basics/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **20th December, 11:59 PM**. 4 | 5 | Your **First Small Side Task** is based on a basic understanding of Poor UI/UX Design. This is a **10 points** task. 6 | 7 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 8 | 9 | The task needs to be done on **google docs**. 10 | 11 | ## Procedure: 12 | 13 | 1. I will be sharing 4 jpg images of UI/UX designs. Each of the designs has either a poor UI or UX though poor UI eventually leads to a bad user experience (UX). 14 | 2. You have to paste each of the images on a docs file and you have to point-wise mention the reasons for the design not being an appropriate one. 15 | 3. After listing all of the errors, explain how these errors will be corrected! 16 | 4. After all of this is done for each of the 4 images you have to submit the doc file by providing the google docs link (in a .txt file). Submit your txt files in the **Small Side Task 1: Understanding Basics** folder only. by creating a pull request. 17 | 18 |
19 | 20 | > ✨PRO-TIP: Go through each and every detail of the screen…look at all elements of visual design as well…Think it this way, if you were to use this screen as a user what difficulties would you face and why…and then as a designer how can u correct these!! 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | The entire screen must be carefully observed. A minimum of 1 error per screen must be mentioned. Though most screens might have only one error, only then will complete points be allotted else no points will be allotted at all. 28 | 29 | For any doubts related to the task or the submission process, you can always ping us on [[discord](https://discord.com/channels/885149696249708635/1052176133954744391)](https://discord.com/channels/885149696249708635/1052176133954744391). Use the tag @CampusOLX to notify the mentors. We will be happy to help. 30 | 31 | Happy UXing!! 32 | ![poor ui 1](https://user-images.githubusercontent.com/97425446/208411979-da06f366-4c14-421d-ab78-132cfbe7e028.png) 33 | ![poor ui 4](https://user-images.githubusercontent.com/97425446/208411985-3f6a2cb9-2833-4c2d-a6d9-fbc0a240830d.png) 34 | ![poor ui 3](https://user-images.githubusercontent.com/97425446/208411987-a9d45115-9f4b-498b-b5b3-b538c60032c0.png) 35 | ![poor ui 2](https://user-images.githubusercontent.com/97425446/208411990-5db1c1ed-e226-4b4d-8bbd-4a081685f40a.png) 36 | 37 | 38 | -------------------------------------------------------------------------------- /Task 4- Website Footer Design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **4th January, 11:59 PM**. 4 | 5 | Your **Fourth Task** is to design the Footer Section of the Website CampusOLX. This is a 30 **points** task. 6 | 7 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 8 | 9 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 10 | 11 | ## Procedure: 12 | 13 | 1. Your task is to decide on the Footer Section of the website. It is essentially nothing but the landing page of a website. Whenever a user reaches the end of the home page or any page for that matter he/she ends up seeing the footer of the website. 14 | 2. You have to design the Footer of the website. 15 | 3. Remember that this is the section that lets the user know about the organization of campus Olx, copywriting of the website, social media handles of the organization, etc. 16 | 4. Finally, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 2: Hero Section Design** folder only. 17 | 18 |
19 | 20 | > ✨PRO-TIP: Designing any piece of UI requires the following basic steps: firstly research similar websites’ footer sections (note down the key elements the placement and the arrangement) and get familiar with footer sections, secondly the wire-frame (deciding where to place which element and what all has to be placed on the page) of the home page must be done, thirdly the visual design must be given (deciding the color scheme, the font styles, weight and size, the graphics on the page) and implementing the visual design, and finally some basic touch-ups!! 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | The Footer Section of the website should look like a footer section. It must have the logo(which you have made in task 3), the organization of the website, the copywriting, the social media handles, etc. Remember that the same theme is followed in making the footer the theme used on the home page. Make sure the footer looks good and just as the footers look on general websites. Try to keep the options on the footer quite minimal. Only good designs will be merged. 28 | 29 | > ✨PRO-TIP: You must search Figma Mirror on google and then select our frame on Figma and you would be able to see how your website would look on the screen. Take references of sizes and spacing from there. Make sure you maintain consistency in your design. 30 | > 31 | 32 | For any doubts related to the task or the submission process, you can always ping us on [discord](https://discord.com/channels/885149696249708635/1052176133954744391). We will be happy to help!! -------------------------------------------------------------------------------- /Task 6- Testimonials section/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No need to claim this issue.** 4 | 5 | NO SUBMISSION WILL BE ACCEPTED AFTER **14th January 11:59.** 6 | 7 | After building the hero section and footer section of the home page now it’s time to add content sections to your website CampusOLX, For this task, you have to design the **testimonials section** for the home page of the website. This task is for **30 points**. 8 | 9 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 10 | 11 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 12 | 13 | ## Procedure: 14 | 15 | 1. Your task is to design the testimonials section for the home page of CampusOLX. 16 | 2. Make sure that the theme/color scheme of the website that you have made and the color scheme are maintained. 17 | 3. First paste the hero section that you made in task 2, then the sale section you created in task 5 and then the testimonials section, and finally the footer made in the 4th task. Make sure you submit your design in this format. 18 | 4. Finally, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 5: Offer/Sale section design** folder. 19 | 20 | > ✨PRO-TIP: Designing any piece of UI requires the following basic steps: firstly research similar websites’ offer/sale sections (note down the key elements the placement and the arrangement) and get familiar with those sections, secondly the wire-frame (deciding where to place which element and what all has to be placed on the page) of the home page must be done, thirdly the visual design must be given (deciding the color scheme, the font styles, weight and size, the graphics on the page) and implementing the visual design, and finally some basic touch-ups!! 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | The testimonials section must look like a testimonials section…It is nothing but what users, say about the website in double-quotes. You can go through the testimonial sections of various websites and then design one. Make sure to give your submission in the given format- First, paste the hero section that you made in task 2, then the sale section you created in task 5 and then the testimonials section, and finally the footer made in the 4th task. Make sure you submit your design in this format. And follow the color scheme and theme of the website. 28 | 29 | > ✨PRO-TIP: You must search Figma Mirror on google and then select our frame on Figma and you will be able to see how your website would look on the screen. Take references of sizes and spacing from there. Make sure you maintain consistency in your design. 30 | > 31 | 32 | You can always ping us on discord for any doubts related to the task or the submission process. We will be happy to help!! -------------------------------------------------------------------------------- /Task 7- How it works section/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No need to claim this issue.** 4 | 5 | NO SUBMISSION WILL BE ACCEPTED AFTER **15th January, 3 PM.** 6 | 7 | After building the hero section and footer section of the home page now it’s time to add content sections to your website CampusOLX, For this task, you have to design the ‘How it works’ section for the home page of the website. This task is for **30 points**. 8 | 9 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 10 | 11 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 12 | 13 | ## Procedure: 14 | 15 | 1. You have to design the how it works section for the home page. The purpose of this section is to explain to the new users how campusOLX website works. Basically, you have to brief the userflow of the website in 2-3 steps and using appropriate graphics. 16 | 2. The steps must be simple and short. 17 | 3. Firstly paste the hero section that you made in task 2, then the how it works section made in this task, then the sale section you created in task 5 and then the testimonials section made in task 6 and finally the footer made in the 4th task. Make sure you submit your design in this format. 18 | 4. Finally, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 7: How it works section design** folder only. 19 | 20 | > ✨PRO-TIP: Designing any piece of UI requires the following basic steps: firstly research similar websites’ offer/sale sections (note down the key elements the placement and the arrangement) and get familiar with those sections, secondly the wire-frame (deciding where to place which element and what all has to be placed on the page) of the home page must be done, thirdly the visual design must be given (deciding the color scheme, the font styles, weight and size, the graphics on the page) and implementing the visual design, and finally some basic touch-ups!! 21 | > 22 | 23 |
24 | 25 | ## **MDC (Minimum Design Criteria):** 26 | 27 | You have to design the how it works section for the home page. The purpose of this section is to explain to the new users how campusOLX website works. Basically, you have to brief the user flow of the website in 2-3 steps and using appropriate graphics. You can take graphics from freepik or google, make sure the graphics don't have a background. The steps of the section must be simple and short. 28 | 29 | > ✨PRO-TIP: You must search Figma Mirror on google and then select our frame on Figma and you would be able to see how your website would look on the screen. Take references of sizes, and spacing from there. Make sure you maintain consistency in your design. 30 | > 31 | 32 | For any doubts related to the task or the submission process, you can always ping us on [discord](https://discord.com/channels/885149696249708635/1052176133954744391). We will be happy to help!! 33 | 34 | An example ‘how it works’ section is given below: 35 | ![Screenshot 2023-01-14 155146](https://user-images.githubusercontent.com/97425446/212467296-fcf893ff-c304-4955-a828-afdfc893a92a.png) 36 | -------------------------------------------------------------------------------- /Task 1- UX Task/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **20th December, 11:59 PM**. 4 | 5 | Your **First Task** is based on a basic understanding of User Experience and User-flow. This is a **15 points** task. 6 | 7 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 8 | 9 | The task needs to be done on **FigJam**. FigJam is free to use and doesn't need to download. It is very easy to learn and hardly takes 15 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=RVNuArHH5WM](https://www.youtube.com/watch?v=RVNuArHH5WM) 10 | 11 |
12 | 13 | ## Procedure: 14 | 15 | 1. Think about how the flow of the website will be for an average user who has just clicked on the website’s link and is opening it for the first time. The user is assumed to be unclear about the functionalities of the website. 16 | 2. You have to decide how the user will move through the website, what steps will he need to take, and in which order, for eg. the user first might need to sign up to the website, might want to buy or sell an item, maybe wants to search whether an item is on sale, the user might also be willing to chat with the seller and bargain for prices etc. 17 | 3. Essentially, you have to design a ‘single flow’ for a user who wants to buy an item and a user who wants to sell an item. From the user's first visit to the website to the completion of the task, he or she intended to complete. And include all the features and their functioning that might be required by them to fulfill their purpose of visiting the website. 18 | 4. Finally, create your ideal user flow in a FigJam file and provide its link (in a .txt file). Submit your txt files in the USER EXPERIENCE TASK folder only. 19 | 20 |
21 | 22 | If you are unclear about user flow diagrams check this short video here: [https://www.youtube.com/watch?v=cvYhuowazh0](https://www.youtube.com/watch?v=cvYhuowazh0) 23 | 24 |
25 | 26 | >✨ PRO-TIP: The secret to creating a powerful user flow is to first research and gain an understanding of how a given problem statement is addressed. As a result, the first and most important thing you must do before beginning to build your user flow is to search other websites that deal with a similar problem statement of buying and selling goods. And take note of the key features they use (basically their user flow). 27 | > 28 |
29 | 30 | ## **MDC (Minimum Design Criteria):** 31 | 32 | The user flow can be very simple, but it must at least fulfill the basic functionality of the website, which is that users should be able to buy and sell items. Make sure that the user flow looks like a user-flow. More elaborate the user-flow , higher will be the chances of the PR getting merged. But don't include unnecessary features just to make it complex, the userflow must be simple though detailed. The flow should start with the user entering the site for the first time and continue until the user buys or sells a product. 33 | 34 | >✨ PRO-TIP: Try to make an elaborate user-flow…that makes your task of building the further website way too easy. meticulously decide upon each feature you add. 35 | > 36 | 37 | For any doubts related to the task or the submission process, you can always ping us on [https://discord.com/channels/885149696249708635/1052176133954744391](https://discord.com/channels/885149696249708635/1052176133954744391). Use the tag @CampusOLX to notify the mentors. We will be happy to help. 38 | -------------------------------------------------------------------------------- /Task 5- Sale/offer/deal section design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL** 2 | 3 | **No need to claim this issue.** 4 | 5 | NO SUBMISSION WILL BE ACCEPTED AFTER **11th January 11:59.** 6 | 7 | After building the hero section and footer section of the home page now it’s time to add content sections to your website CampusOLX, For this task, you have to design the **SALE section/Discount section or call it the offers section** for the home page of the website. This task is for **30 points**. 8 | 9 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 10 | 11 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 12 | 13 | ## Procedure: 14 | 15 | 1. Your task is to decide on the Sale Section of the website. It is essentially the section that tells the user what specific items are for sale on the website. **For eg: if a seller has not been able to sell his/her product for quite some time so they have reduced the price of the product. So, such products must appear in this section.** 16 | 2. Basically the cards of those products give all the necessary info like the discounted price of the product, photo of the product, name of the product, etc. 17 | 3. Add elements, colors visuals that get the user to buy items on the website. 18 | 4. First paste the hero section that you made in task 2 and then the sale section you made in this task and the footer made in the 4th task. Make sure you submit your design in this format. 19 | 5. Finally, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 5: Offer/Sale section design** folder only. 20 | 21 | > ✨PRO-TIP: Designing any piece of UI requires the following basic steps: firstly research similar websites’ offer/sale sections (note down the key elements the placement and the arrangement) and get familiar with those sections, secondly the wire-frame (deciding where to place which element and what all has to be placed on the page) of the home page must be done, thirdly the visual design must be given (deciding the color scheme, the font styles, weight and size, the graphics on the page) and implementing the visual design, and finally some basic touch-ups!! 22 | > 23 | 24 |
25 | 26 | ## **MDC (Minimum Design Criteria):** 27 | 28 | The deal/offer/sale section of the home page must look proper…like the offer sections of e-commerce websites in general. Firstly paste the hero section that you made in task 2 and then make the sale section and paste it below the hero section now paste the footer. This will slowly form the home page, note that there are tasks further that will add new sections to the home page. Pls go through the sale sections/deal of the day/offers section of different e-commerce websites and make an impressive, attractive section. Make sure to follow the color scheme and theme u have used in the hero section and footer. 29 | 30 | > ✨PRO-TIP: You must search Figma Mirror on google and then select our frame on Figma and you would be able to see how your website would look on the screen. Take references of sizes and spacing from there. Make sure you maintain consistency in your design. 31 | > 32 | 33 | For any doubts related to the task or the submission process, you can always ping us on [[discord](https://discord.com/channels/885149696249708635/1052176133954744391)](https://discord.com/channels/885149696249708635/1052176133954744391). We will be happy to help!! -------------------------------------------------------------------------------- /Task 2- Hero Section Design/README.md: -------------------------------------------------------------------------------- 1 | **OPEN TO ALL.** 2 | NO need to claim this issue. 3 | NO submission will be accepted after **26th December, 11:59 PM**. 4 | 5 | Your **Second Task** is to design the Hero Section of the Website CampusOLX. This is a 30 **points** task. 6 | 7 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 8 | 9 | The task needs to be done on **Figma**. Figma is free to use and doesn't need to download. It is very easy to learn and hardly takes 20 minutes to learn. If you are unclear on how to use it, check the tutorial here: [https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s](https://www.youtube.com/watch?v=jk1T0CdLxwU&t=784s) 10 | 11 | For those who don’t know what hero section of a website is and how should a hero section look like, Pls refer to this video, it will surely give you a brief about it: 12 | 13 | link 1: [https://www.youtube.com/watch?v=KUgGLJxxghY](https://www.youtube.com/watch?v=KUgGLJxxghY) 14 | 15 | link 2: [https://www.youtube.com/watch?v=LJbkLdtEW00&t=252s](https://www.youtube.com/watch?v=LJbkLdtEW00&t=252s) 16 | 17 | ## Procedure: 18 | 19 | 1. Your task is to decide on the Hero Section of the website. It is essentially nothing but the landing page of a website. Whenever a user (maybe visited for the first time, maybe keeps on visiting), clicks on the link of the website the first screen that appears is the Home Page. 20 | 2. You have to design the Hero Section of the home page. 21 | 3. Remember, the user has not yet signed in or might not have registered this is just the screen that comes up once the user clicks on the link of the website! 22 | 4. Keep in mind the key functionality of the website as the key functionalities must be fulfilled by the Hero Section itself the user should not feel the need to scroll down for major actions. 23 | 5. Finally, create your ideal Home page on a Figma file and provide its link (in a .txt file). Submit your txt files in the **Task 2: Hero Section Design** folder only. 24 | 25 |
26 | 27 | If you are unclear about user flow diagrams check this short video here: [https://www.youtube.com/watch?v=cvYhuowazh0](https://www.youtube.com/watch?v=cvYhuowazh0) 28 | 29 |
30 | 31 | > ✨PRO-TIP: Designing any piece of UI requires the following basic steps: firstly research similar websites’ hero sections (note down the key elements the placement and the arrangement) and get familiar with hero sections, secondly the wire-frame (deciding where to place which element and what all has to be placed on the page) of the home page must be done, thirdly the visual design must be given (deciding the color scheme, the font styles, weight and size, the graphics on the page) and implementing the visual design, and finally some basic touch-ups!! 32 | > 33 | 34 |
35 | 36 | ## **MDC (Minimum Design Criteria):** 37 | 38 | The home page of the website should look like a home page. It must have the logo(which you can select from the net for the time being), the call to action buttons, etc. Make the Hero Section as appealing as possible coz that's when users would want to continue on the website further. 39 | 40 | > ✨PRO-TIP: You must search Figma Mirror on google and then select our frame on Figma and you would be able to see how your website would look on the screen. Take references of sizes, and spacing from there. Make sure you maintain consistency in your design. 41 | > 42 | 43 | > ✨PRO-TIP: Refer to the above 2 links on hero sections! They will give you a hell lot of ideas about Hero Sections and their designs. 44 | > 45 | 46 | For any doubts related to the task or the submission process, you can always ping us on [discord](https://discord.com/channels/885149696249708635/1052176133954744391). We will be happy to help!! -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # CampusOLX 🛒 2 | An Imperative Web Design Repository 3 |
4 |
5 | CampusOLX, as the name implies, is a local online marketplace specifically designed for students at IIIT-A to buy and sell second-hand items, such as furniture, electronics, and other household goods. By providing a platform for students to sell items they no longer need or use, CampusOLX can help students save money on living expenses and make it easier for them to find affordable products. It can also be a convenient way for students to sell items they no longer need, allowing them to declutter and make some extra money. The website provides the convenience of being able to buy and sell items directly with other students on campus may make it an appealing option for students at IIIT-A. 6 |
7 |
8 | Hola @contributors, we invite you to design the Campus OLX website, to use your creativity and design skills to tailor this website from the very beginning, from thinking about the user flow to implementing the visual design you have got to do it all! 9 |
10 |
11 | > Website design is an extremely crucial aspect as it determines the very first impression we make on our audience. It impacts how our audience perceives us and this impression can either get them to remain on our page or leave it. 12 | > 13 |
14 | 15 | ## 🛠️Tech Stack: 16 | 17 | - FigJam 18 | - Figma 19 | - Adobe Illustrator 20 | 21 |
22 | 23 | ## ⏳The Design Timeline: 24 | 25 | | Task | Duration of Submission | Difficulty Level | Maximum Points | 26 | | ----------------- | ------------------------------------------------------------------ | ---------------------- | ----------------- | 27 | | Task 1: UX Task | 17th - 20nd December | Rookie | 10 | 28 | | Task 2: Hero Section Design | 21th - 26th December | Advanced | 30 | 29 | | Task 3: Home Page Section-1 | 27th - 29th December | Advanced | 30 | 30 | | Task 4: Home Page Section-2 | 30th - 2th December | Advanced | 30 | 31 | | Task 4: Home Page Section-3 | 3th - 5th January | Advanced | 30 | 32 | | Task 5: Footer Design | 6th - 8th January | Advanced | 30 | 33 | | Task 6: Designing Major Functioning Pages | 8th - 13th January | Expert | 50 | 34 | | Task 7: Logo Design | 13th - 15th January | Advanced | 30 || 35 | 36 |
37 | 38 |
39 | 40 | > The detailed instructions for each task will be mentioned in the respective folders once the submission duration starts. Keep checking for updates about new task releases😉! 41 | > 42 | 43 |
44 | 45 | ## 📃Common Guidelines: 46 | 47 | - The repository is divided into several tasks. **Each task will be opened subsequently for a limited amount of time and all the submissions have to be made within those allotted days only.** NO submission will be accepted after the allotted time ends. The details for the specific tasks and the time allotted for each can be found in their specific folders. 48 | - The mentors will evaluate the submissions and assign points for each specific task based on a variety of design-related factors, such as the use of design thinking, the uniqueness of the idea, the submission's visual attractiveness, etc. 49 | - Since everyone should be awarded for their efforts, the participants who qualify for the **Minimum Design Criteria (MDC)** as mentioned in the respective folders of the task will be awarded Full Points🎉 50 | - Since the goals of these tasks are learning design rather than only earning points, any plagiarism or attempt at it will be frowned upon and will result in disqualification from OpenCode. You can always ping us with questions, and we'll be pleased to answer them, but merely duplicating other people's ideas to finish the jobs will be strongly prohibited. 51 | 52 | 53 |
54 | 55 | > ALL THE FINAL DECISIONS FOR THE JUDGEMENT AND AWARDING OF POINTS ⚖️ BASED ON THE SUBMISSION RESIDE WITH THE MENTORS & ORGANISERS. 56 | No claim can be made on the number of points awarded by the Mentors & Organisers🙂. 57 | > 58 | 59 |
60 | 61 | ## 📩**Contribution:** 62 | 63 | We welcome your contributions. Please follow the below guidelines while contributing to this project: 64 | 65 | 1. Fork the repository and clone locally. 66 | 2. Create an upstream remote and sync your local copy before you branch. See detailed instructions [here](https://help.github.com/articles/syncing-a-fork) 67 | 3. Create separate branches for each separate piece of work. 68 | 4. Do the work and commit changes with good commit messages. 69 | 5. Once you are confident in your work, create a pull request to the `main` branch of the upstream repository with proper descriptions explaining what you did and wait until we review it. 70 | 71 | > Check out GitHub Flow for more details. 72 |
73 | 74 | ## ✒️**Quick Resources:** 75 | 76 | Since you have scrolled this far, here are some short resources to give you an edge over others😉: 77 | 78 | - [UX Principles](https://lawsofux.com/) 79 | - [UI Guidlines](https://www.youtube.com/playlist?list=PLDtHAiqIa4wa5MBbE_XDoqY51sAkQnkjt) 80 | 81 |
82 | 83 | ## Our Top Contributors 💛 84 | 85 | --------------------------------------------------------------------------------