Skip to content
← Back to Community
Weekly Challenge #5
Profile icon
h
has Hacker Plan
TheDrone7

Good Morning/Afternoon/Evening/Night to all beautiful replers! Last month, we restarted weekly challenges. And they were pretty fun (for me at least).

For the new users who did not know about these, there are 4 challenges posted each week of the month and at the end of every month, the total score of the 4 challenges held within that month is your score. The one with the highest score at the end of every month, will be awarded with free replit hacker plan!

To post your submission, just publish your repl onto apps and make sure to include the tag #weekly{n} and replace {n} with the number of the weekly challenge in the title. For example, for the submission to this weekly challenge, publish the repl that contains your submission on apps and include the tag weekly5.

As posted by @DynamicSquid, last month's winner was @Nayoar (yet again), and this month's theme for the challenges is - Web Designing and here is the first challenge!


Product Page!

We all use a lot of products every day. Take pictures of your favorite product (or just google them) and design a webpage about it, showing off its features and everything you love and/or hate about it.

Happy designing!


If you have any further questions, you can ask them via the comments section, and if you don't, I would still recommend going through the comments section as they may contains some extra information.

The criteria for scoring is subjective but there are points for creativity, uniqueness, clean code, etc.


Good luck to all the replers, have fun and hack away!

Voters
Profile icon
ch1ck3n
Profile icon
MattDESTROYER
Profile icon
Th3Coder
Profile icon
TheDrone7
Comments
hotnewtop
Profile icon
RayhanADev

Another question are we creating a single page for a product (i.e. like an Amazon page about a single item) or are we making a full website (kinda like Amazon minus ecommerce backend and stuff).

Profile icon
TheDrone7

@RayhanADev no you're not making an e-commerce website. You're making a showcase page

Profile icon
RayhanADev

@TheDrone7 awesome thanks

Profile icon
GhostKing007

Can we make it a meme-ish product and make meme-ish points about it or do we have to include actual valid points about why we like our product and why its useful etc?

Profile icon
CodingCactus

Lmao @Bookie0 ez win for you

Profile icon
Bookie0

@CodingCactus lol tbh I’m just stuck on what product to use lmao

Profile icon
Whippingdot

O how did i find this comment '57 seconds ago'! @Bookie0

Also i am good at frontend but compared to you guys i don't think i will do that good...

Profile icon
RayhanADev

@Bookie0 if you haven't decided...
Apple

Profile icon
Bookie0

Lmao yeah I think I’ll be doing something like that hope I don’t lose points haha @RayhanADev

Profile icon
FlaminHotValdez

@CodingCactus What about lily?

Profile icon
Bookie0

Yesssss front end and web design!!!

Profile icon
Whippingdot

Hey by when do I have to submit this today night? I am almost done - I might finish by 10:30 or 11:00 in IST

Profile icon
TheDrone7

@Whippingdot it literally just ended. These usually end around 11 PM IST. I judge all the ones submitted by 10:30 then write the post and fix it and post it.

Profile icon
Whippingdot

Hey I submitted mine late - instead of changing the post can you just grade mine and put it in the website? I really want to see how good I am at frontend and I wanna see if I can do good with my whole month's score @TheDrone7

BTW i have never made a chat app in my life :( i am going to have to work EVEN HARDER for this one

Profile icon
QuickV

Well I can't compete :(... Turns out I arrived back from my road trip too late lol.

Profile icon
ch1ck3n

i am epic late but i think i can do this ezily

Profile icon
sgcoder1337

tbh i dont really need hacker plan :P just trying out

Profile icon
sgcoder1337

Can I join the August weekly challenges?

Profile icon
CodingElf66

@TheDrone7, wait. I'm seeing people who are already hackers enter this contest. So if they win, it just makes their hacker plan free; they don't need to pay for it anymore?

Profile icon
TheDrone7

@JeffreyChen13 no, it just gets extended for a month

Profile icon
CodingElf66
Profile icon
DellWithGaming

I am late but lets start

Profile icon
DellWithGaming

Okay lets do this

Profile icon
Ptrulli

A bit late, but this looks like fun!

Profile icon
StringentDev

Making progress, can we focus on only one page? and when does the challenge end?

Profile icon
TheDrone7

@StringentDev you're only required to make one page. And it ends 7 days after the post was created.

Profile icon
StringentDev

@TheDrone7 I let you in on a secret, the page is actually for our lang Virra that is powered by C using GCC. (I do want to create a compiler for it tho.)

Profile icon
StringentDev

@TheDrone7 Making the most of the 2 days i have left. Added a whole bunch of thinks like accordions, github auth, SPA using xmlhttprequest, live github feed banner that shows our latest contributor, announcements and of course the express.js server, the most important of all to power all this.

To do is a footer, images (which will take a while because i have to draw those)

Profile icon
Samocord

Ok,

Profile icon
SilentFoxy78

Whats frontend?

Profile icon
xfinnbar

@LavernieChen It's the HTML, JavaScript and CSS of a website.

Profile icon
CodingElf66

And don't you mean Weekly Challenge #1 @TheDrone7? It's a new month and a new set of challenges.

Profile icon
TheDrone7

@JeffreyChen13 nope, it's the 5th challenge of this new series of weekly challenges.

Profile icon
CodingElf66

@TheDrone7 Oh ok!

Profile icon
SilentFoxy78

@TheDrone7 is this still building off the leaderboard of July?

Profile icon
TheDrone7

@LavernieChen nope, new leaderboard.

Profile icon
SilentFoxy78

@TheDrone7 Ok thanks

Profile icon
CodingElf66

You just need to make the Product Page and everything blah blah blah, but do we have to do this in HTML, or can we do (for example) Flask Server (in Python)?

Profile icon
TheDrone7

@JeffreyChen13 use whatever you want.

Profile icon
Bunnytoes

I haven't used web design in like 4 years

Profile icon
Whippingdot

Hey @TheDrone7 there is a very irritating problem in replit where css stylesheets don't get linked to in nodejs or i just don't know how to do it...can you help me? Anyone else can help me too

Profile icon
Whippingdot

O wait i fixed it i am smart i am going to create a tutorial on this! @Whippingdot

Profile icon
TheDrone7

@Whippingdot look up static file serving in nodejs. Might help.

Profile icon
Whippingdot

Thanks! Instead I just created a new 'app.get' which links to a '/style' in my link and that '/style' just outputs the css code. I then linked to this in the link element (it is simpler in code)...Thanks for the fast reply! @TheDrone7

Profile icon
Whippingdot

Hey while you are still online can I choose the product as Windows 11 even though Windows 11 doesn't really count as my favorite product cause I rarely use it? I can take pictures from the website and online and I can describe the pros and cons of its new features...?

I have Windows 10 on my main comp and my dad has Windows 11. @TheDrone7

Profile icon
TheDrone7

@Whippingdot you can use whatever product you want as long as you can write valid content about it

Profile icon
JakeHu2020

@Whippingdot app.use(express.static('static'))

Profile icon
RixTheTyrunt

WHAT THE?! A FREE HACKER PLAN?! HOW IS THAT POSSIBLE?

Profile icon
FlaminHotValdez

@SnackyPlusPlus this has always been the prize for most points on weeklies

Profile icon
lsikora

Can we use flask rather than using html/css?

Profile icon
TheDrone7
Profile icon
RayhanADev

Out of curiosity are we allowed to use external libs (i.e. Bootstrap, Mui, Tailwind, etc., etc.)

Also can we use React?

Profile icon
TheDrone7

Yes, you can @RayhanADev

Profile icon
RayhanADev

@TheDrone7 awesome thanks H.

Profile icon
williamzhang27

finally something about html

Profile icon
FlaminHotValdez

Aight i'm sticking away lol i have no frontend knowledge

Profile icon
RayhanADev

Good luck everyone :D

Profile icon
Coder100

design

Profile icon
firefish
Profile icon
ShiftyBoo
Profile icon
Aivoybia

i dont know how to code front end stuff :((

Profile icon
Aivoybia

@Aivoybia and im NOT gonna learn it

Profile icon
Coder100

well you don't have to participate rip @Aivoybia

Profile icon
Aivoybia

@Coder100 what is frontend anyways :\

Profile icon
MattDESTROYER

@Aivoybia Front end is like how a web page looks and if it's interactive etc.

Profile icon
Nayoar

Dang there isn't really any sort of backend I could make for this

Profile icon
CodingCactus

@Nayoar functioning e-commerce site