Skip to content
Repl icon
Cosmic Co.
RayhanADev
RayhanADev
Published on Mar 31, 2022
#html#javascript#pwa#weekly5#rayhanadev

Welcome to Cosmic Co! We sell the best headphones this side of the galaxy. We don't specialize in just headphones however, this beautiful site was made by yours truly as well!

Some features include:

  • 100% Responsive design that accounts for all (sane) devices
  • Optimized for fast load speeds
  • Extremely high Google Lighthouse Report (https://imgur.com/a/0NpZRjQ)
  • Full PWA support for Pre-caching and offline support
  • SEO that exceeds standards internationally
  • Dark theme so you don't strain your eyes
  • Zero external scripts, minimal external stylesheets, and no cross-origin urls
  • ARIA labels for accessibility readers
  • and more!

The prototyping and wireframing was done in Figma.

Feel free to test out any of the features, I hope you enjoy :D.

Similar repls
wasd
wasd
Kids-FunFun
Kids-FunFun
wasd
#html
+1
dog simulater
dog simulateryou survive as a stray dog
evobot-10
evobot-10🤖 EvoBot is a Discord Music Bot built with discord.js & uses Command Handler from discordjs.guide
16comments
Graph
Graph5 months ago

Nice!

9pfs
9pfs8 months ago

That's amazing, how does it work?

9pfs
9pfs8 months ago

Wow.

ch1ck3n
ch1ck3n9 months ago

figma more like ligma

Whippingdot
Whippingdot9 months ago

Wait you actually used Figma? Isn't that for companies? Can you teach me how? For my website, I thought so hard about how it should look in the end and I spent too much time doing that that I only submitted it just now... :(

Can you teach me how to do it quickly?

Also, I know my website is bad, but anyway can you review it? Please comment on my submission https://replit.com/@Whippingdot/WeeklyChallenges5. GIVE AN HONEST COMMENT. Even tell me if it is bad

TheDrone7
TheDrone79 months ago

Scored.

Bookie0
Bookie09 months ago

Beautiful! Maybe for the home page, the down arrow should be spaced out a bit more from the shop now button. And for the shop now button, the arrow should be a bit more to the left (or increase padding of button).

Imma get the blue headphones!! :D

Aivoybia
Aivoybia10 months ago

One note: If you run this (super cool) project, "Cosmic Co" is overlapping "Shop All" and "Why Cosmic", but not "Headphones. The "1" and the cart sign is covering "Reviews".

https://storage.googleapis.com/replit/images/1628295905072_ee3886477978c679a7c5f2a910ac1291.png

It would be awesome if you could make it responsive.

If you already know about this and I am distracting you from doing your hard work, I am sorry and I hope you forgive me.

Have a nice day,

@Aivoybia