Cipher banner

Cipher

12 devlogs
20h 12m 50s

A YSWS concept stressing on Cybersecurity & Cryptography!

This project uses AI

Used ChatGPT/Gemini for some CSS styles and debugging

Demo Repository

Loading README...

rupnil.codes

Shipped this project!

Hours: 20.21
Cookies: 🍪 246
Multiplier: 12.18 cookies/hr

CIPHER (v0.6-beta)

Overview

YS: An app, game or site with one specific vulnerability AND another version where you fixed it.
WS: yubikeys, hackduckys, Laptops, wifi modules, etc
There’ll be bounty’s for finding the vulnerability.

Most other information can be found on the website!


Requirements

  • A modern browser with JS support,
  • A keyboard and a mouse,
  • Curiosity and sheer will, &
  • Basic problem-solving skills

Usage: Quick Start

Pre-hosted

An instance of the ReactJS app is hosted by me through Vercel.
You can easily access this hosted instance at cipher.dino.icu!
The hosted website is compatible with most modern browsers and thus most OS.


Features:

I’ve tried adding as many features as I could, here are some:

  • Minimalistic UI/UX
  • Smooth Animations
  • Dark mode
  • Many details and Links!

Project Status


Contributors

There are several well-wishers and playtesters who have helped me improve the app,
either by playtesting or providing valuable feedback. I’ve listed them in no particular order.

  1. @AVD,
  2. @Flux3tor,
  3. @Snxhit_,
  4. @Nx75,
  5. @Keyboard1000n17,
  6. @stunt

If i forgot to mention anyone, pls DM me on slack!

rupnil.codes

(v0.5.5-alpha) Responsiveness + Others


Changelog


Next Steps:

  • Make the website (WIP)
  • Mobile support
  • improve the designs

Notes:

Finally added mobile supporttt, Im closing in on shipping ts!

Attachment
Attachment
Attachment
0
rupnil.codes

(v0.4.5-alpha) Footer + Others


Changelog


Next Steps:

  • Make the website (WIP)
  • Make other sections
  • improve the designs
  • REBRANDING???

Notes:

HEAR ME OUT… i talked with avd and he suggested a crazy idea, what if instead of “you build something to do with cybersecurity” what if we do “make a really insecure stuff” and maybe we name it DECIPHER!!

Attachment
Attachment
0
rupnil.codes

(v0.4.2-alpha) Icons & BGs


Changelog


Next Steps:

  • Make the website (WIP)
  • Make other sections
  • improve the designs

Notes:

OKAYYYY uhh soooo ill be doing the footer and then focussing on micro interactions and animations for that “premium” fell.

Attachment
0
rupnil.codes

(v0.3.5-alpha) Community + FAQs Section


Changelog

  • (v0.3.5-alpha) FAQs Section: Added the FAQ section with some questions and answers, I think the overall site looks pretty professional and well crafted now!!
  • (v0.3.4-alpha) Trailer + Community Section: Added a cursor trailer just a simple round circle as of now. Also added a COMMUNITY section inspiration: spaces.hackclub.com! It looks very good! OH ALSO removd the glow things cuz many ppl was mistaking this with ai pf
  • (v0.3.3(3)-alpha) Minor QoL fixes: MANY SMALL fixes that i cant keep track of see it your self if u need to know bleh

Next Steps:

  • Make the website (WIP)
  • Make other sections
  • improve the designs

Notes:

Lowkey i think i should devlog often but im lazy asf. Anyways i think this turned out pretty good ngl!!

Attachment
Attachment
0
rupnil.codes

(v0.3.3(2)-alpha) Font Fix + YSWS Section


Changelog


Next Steps:

  • Make the website (WIP)
  • Make other sections
  • improve the designs

Notes:

OKAY THIS IS STARTING TO LOOK ABSOLUTELY GORGEOUS

Attachment
Attachment
Attachment
0
rupnil.codes

(v0.3.2-alpha) REVAMPED UI (FINAL TRUST)


Changelog

  • (v0.3.2-alpha) New Section!: Modified the CSS to allow the creation of new sections! THe HERO section takes up the initial 100% of the screen. The next sections do NOT affect it yay lol
  • (v0.3.1(1)-alpha) Bug Fix: Overflow: AHHH I FOUND THE BUGGG i used a debug mode(makeshift) where i put outline to every item lol. I saw that the .acions was overflowing fixed it pf
  • (v0.3.1-alpha) UI Colors + Buttons: Added some better bg colors and button styls. Made the navbar fixed to the screen. I’m currently having a bug where the horizontal and vertical stuff i overflowing, ah will see soon :P
  • (v0.3.0-alpha) UI Revamp (#2): REVAMPED THE UI AGAINNNN, now ts is final i swear. This is so peak. i really REALLLYYY love the soft glow behind the terminal. And overall the UI feels less cluttered and more “professional”

Next Steps:

  • Make the website (WIP)
  • improve the designs

Notes:

Yeah no, I changed the enttire website final this time trust, I actually like it this time!!!!

Attachment
Attachment
0
rupnil.codes

(v0.2.0-alpha) Glitch + Revamped UI


Changelog

  • (v0.2.0-alpha) Revamped UI: Just removed the old UI and made a completely new UI and tbh i feel like i can do pretty cool stuff from this point onwards! I’m reallly reallyy excited! Any suggestions/feedback is welcome!
  • (v0.1.6-alpha) Glitch Effect: Added a glitch kinda effect on hovering over the cipher title :) Thanks Hyperplexed for guiding lol

Next Steps:

  • Make the website (WIP)
  • improve the designs

Notes:

I think its a good design?? idk tho ill be polishing this more! I got my paper checking (of exam) tmrw scared-hamster

Attachment
0
rupnil.codes

(v0.1.5-alpha) Landing, Navbar & Others


Changelog

  • (v0.1.5-alpha) Navbar + Others: Added the navbar as well as other minor tweaks here and there. Added some TODOs in the CHANGELOG.md and yeah!
  • (v0.1.4-alpha) Update Landing Page: Im like 40% sure where I’m heading with this 😭 Anyways I added a big ahh heading and a small heading below. Added a blinking cursor
  • (v0.1.3-alpha) Font + Colors: Added new fonts and a color pallete in variables.css. I finally have a direction on what i am going to do! Just set up this siimple plain site for now :pf:

Next Steps:

  • Make the website (WIP)
  • improve the designs

Notes:

OKay okay i have a vision I will cook ts tmrw trust

Attachment
0
rupnil.codes

(v0.1.1-alpha) Font + Landing + New Icon


Changelog

  • (v0.1.2-alpha) CookWidetype Font: Added the font CookWidetype, its peak!
  • (v0.1.1-alpha) Landing + Favicon: Added a landing page (nothing in it tho) added variables.css and other simple css changes. Added the updated favicon tooo!
  • Cipher Design #2: Finally developed a better prototype which i can call Logo. It has a key in the logo symbolising encryption and CTFs! Im really proud how it turned out!!!

Next Steps:

  • Make the website
  • Improve the designs

Notes:

OKay its time for me to actually lock in bleh

Attachment
Attachment
0
rupnil.codes

(v0.1.0-alpha) Initialization + Analytivcs + Logos


Changelog


Next Steps:

  • Make the website
  • Improve the designs

Notes:

I am so excited for the future of Cipher i hope it gets selected :p

Attachment
Attachment
0