Skip to content
Sign UpLog In
Profile icon

Clément Rozé

@Bookie0
 👉 16 y/o designer & (sometimes) developer  👉 high school student  👉Designer @ Replit
NYC
Twitter
GitHub
Website
  • todo

    Cover page
    Made with React Javascript

    A simple, minimalistic Todo App I designed & built! It has delightful animations and an intuitive, responsive design, with the ability to mark items as completed or important, edit them, and delete theme. This Todo App also saves your items in local storage!

    PS: I built this with the help of ChatGPT!

    Recent comments (709)
    TheSadRandom
    TheSadRandom
    1 month ago

    @Bookie0 oo that background color is just perfect can u gimme the CSS for that? also I wanna know how did u get into react and learn it cud u give me some courses or smthn ty

    9pfs
    9pfs
    1 month ago

    @Bookie0 Whoa, please add an extension manifest and make this a Replit extension! It's awesome!

    AbbieWilson2
    AbbieWilson2
    1 month ago

    good work bookie0

    TreecraftStudio
    TreecraftStudio
    1 month ago

    Amazing! Epic! Cool! I'll use it to learn!

    uncommon-dev
    uncommon-dev
    1 month ago

    Love your work @Bookie0 !! Such amazing design details that literally flow as if they were meant to be created the exact way that you composd them. My favorite part about your designs is that they are all unique to your specific code and design style. The urban/bold/modern styles with such clean and smooth layouts from section to section make it so appeasing to the eyes. Your frontend/UI design technique is without a doubt my favorite style of design to attempt to recreate/view/use in my own creative endeavors. I personally hope to one day be where you are and appreciate you sharing your work with all of the replit family here! Thanks for being an inspiration to many and keep up the awsome work my fellow dev!

    PrestonChen2
    PrestonChen2
    1 month ago

    Cool project, the checkmark that spins around when you enter the page is so satisfying, but you could make the checkmark turn into a clock or flip around again when you hover over it, idk how to do that though...

    TheSadRandom
    TheSadRandom
    1 month ago

    @Bookie0 hey do u mind doing me a little favor and checking out this calculator app I am making and telling me how I could add the actual calculator functionality to the app react-calculator.thesadrandom.repl.co? I have NO IDEA how to do it.

    UzmanIhsan
    UzmanIhsan
    2 months ago

    @Bookie0 can you help me with my website All the best @UzmanIhsan your fellow coder

    PikachuB2005
    PikachuB2005
    2 months ago

    @PikaBot2005 Write a long poem for Bookie about how cool AI is

  • iWater

    Cover page
    Made with HTML, CSS, JS

    Introducing iWater. Clean. Simple. And most of all, wet. A wonderful built-in display. A secure Touch ID. Up to 15 magnificent colors and 5 unique sizes. Supercharged by the revolutionary Apple W1 chip. Pairs beautifully with Apple Cup. All for the fantastic price of... $999!

    A parody of Apple's product pages: exaggerated, lots of big text, and of course overpriced! 🙃

    Recent comments (1347)
    MaxNg6
    MaxNg6
    4 days ago

    It doesn't work :\

    Coder869
    Coder869
    5 days ago

    @Bookie0 I know! iMask! a mask which only costs a mere price of $9,999,999!

    CosmicBear
    CosmicBear
    6 days ago

    cool

    eyliu
    eyliu
    7 days ago

    haha this is funny

    Elskeptico
    Elskeptico
    7 days ago

    You should add a thing about "bottle-flipping capabilities"

    Elskeptico
    Elskeptico
    7 days ago

    This inspired me to make something similar! MustacheLabs, a collaboration between Tradenarkers and elskeptico Studios.

    Elskeptico
    Elskeptico
    7 days ago

    I love how fleshed out this is!

    TheChomik
    TheChomik
    10 days ago

    This had me dying laughing on the floor! It feels really legit because this is something that apple would really do. Great repl.

    coolcoder1213
    coolcoder1213
    15 days ago

    lol

    Parththecoder
    Parththecoder
    16 days ago

    apple should consider it

  • Apple Devices

    Cover page
    Made with HTML, CSS, JS

    An iMac, iPhone, iPad, and MacBook Pro, designed and built in HTML & CSS!

    Recent comments (380)
    GavinKIRK2
    GavinKIRK2
    1 month ago

    goodjob

    eesazahed
    eesazahed
    2 months ago

    @Bookie0 thanks so much for your feedback, my project got a lot of views last night! I appreciate all your help and suggestions.

    MasterLink
    MasterLink
    2 months ago

    How to use the apple font. (https://www.mediafire.com/file/slk36k008vpsn7i/Apple_Fonts_inport.7z/file) Here contains a .css for the naming of the file [just copy can paste it] and just drag and drop the Apple fonts into the files. Should be on their for 14 days.

    Fortran95
    Fortran95
    2 months ago

    iChair :ROFL:

    SallyQuiroz
    SallyQuiroz
    2 months ago

    this is so cool :) :]

    JohnWesley7
    JohnWesley7
    2 months ago

    cool 😎

    PR0D3LTA
    PR0D3LTA
    2 months ago

    Wow just wow!

    Coder595
    Coder595
    2 months ago

    Cool! But what is the point of looking at apple devices on a website?

    eesazahed
    eesazahed
    2 months ago

    Nice! btw, thanks for the follow Clément!

    RaghaviJayanthi
    RaghaviJayanthi
    2 months ago

    BOOKIE IM YOUR FAN

  • Source

    Cover page
    Made with HTML, CSS, JS

    Source is a website showcasing software for sales and services. This responsive site contains many pages and sections like landing, product, pricing, testimonials, features, contact, sign up, footer, and much more! Media includes dashboard-like UI components which showcase how the software looks like.

    Recent comments (25)
    soren
    soren
    7 months ago

    v clean

    joicegu
    joicegu
    7 months ago

    :0

    UltimatePython
    UltimatePython
    9 months ago

    Love it!

    ruiwenge2
    ruiwenge2
    10 months ago

    Wow!

    Abdulla-JassimJ
    Abdulla-JassimJ
    10 months ago

    Hello @Bookie0 ! Some random guy made a video named "If Apple Sold Water" :lol:

    image

    That video was made in Feb 18, 2022

    AcademicCat
    AcademicCat
    11 months ago

    Hi @Bookie0 ! I hope you're doing well! I have some recommendations:

    Maybe you could add some animations with (aos.css)[https://michalsnik.github.io/aos/]. This could increase interest by making the page look more interactive. Also maybe make overflow-x: hidden;? It doesn't look so nice on mobile. Another possibility is to make the animations on the navbar smoother, maybe with scaleX? I hope this helped!

  • Nova

    Cover page
    Made with HTML, CSS, JS

    Nova is a website showcasing some type of productivity software. Themes are boldness, technology, futuristic, etc. Sleek shadows and smooth gradients are combined with some neumorphic elements for a nice contrast.

    It has many unique pages and sections such as a landing page, loads of feature sections, reviews & testimonials, about, pricing, contact, footer, and of course much more!

    It's a great template you can use for your own landing pages!

    Recent comments (239)
    KushDesai1
    KushDesai1
    1 month ago

    Hey @Bookie0 ! If you have time, can you show me how to add multiple pages to a website?

    ljf7
    ljf7
    1 month ago

    @Bookie0 , what is Nova and I can not find this page in my browser and tell me the website site or link.Thanks.

    Fortran95
    Fortran95
    3 months ago

    did you design all of the icons used there????

    Coder100
    Coder100
    3 months ago

    W repl

    GhxostYT
    GhxostYT
    3 months ago

    Do you still update this?

    Izzie2
    Izzie2
    3 months ago

    I can't seem to switch from monthly to yearly prices in pricing?

    Bobulesence
    Bobulesence
    4 months ago

    bro gamecube logo

    Youraverageprogrammer

    @Bookie0 You should challenge the css king

    a747
    a747
    4 months ago

    how do you even make such clean designs the best thing i can make is a single gradient

    Zmon
    Zmon
    4 months ago

    Scrolling is very smooth, clean design, amazing color choice! Nice job @Bookie0

Repls
Community
Bookie0
Bookie0
published an Update
1 month ago
654
bouncecss
bouncecssbounce.css is a collection of fun CSS styles that you can use to create simple websites! Documentation: https://bouncecss.bookie0.repl.co/ Example website: https://bouncecss.bookie0.repl.co/demo/ License to use this stylesheet: no need to credit (CC0 1.0), but it is appreciated :) License to edit the styles themselves and make your own stylesheet from this: need to credit me (CC BY 4.0)
Info
For some reason, the copy button doesn't work in the embedded page on this Repl's cover page. Try going to the website in a new tab instead! :)
MiloCat
MiloCat
@Bookie0 also the copy button gets bigger when the text inside gets bigger, is that supposed to happen?18 days ago
carterross2
carterross2
@Bookie0 Ty i was wondering why it wasnt working3 days ago
#bounce
#Css
#stylesheet
+2
Bookie0
Bookie0
published an Update
2 months ago
31
Bookie0
Bookie0My personal website! It's about, well, me, and showcases a few of my best works! It also displays my social media and as well as some ways to get in touch with me. This is version 10! (You can check out all the previous versions at https://personal-websites.bookie0.repl.co/) My favorite thing about this version is probably the link animations on hover and on click, especially the ones in the footer with the arrow icon. This website is completely responsive and has an automatic light/dark mode that saves with local storage. Also, there are several little "easter eggs" or tiny interactions hidden around the page – can you find them all?
Smol fix
Added transition to the Replit logo in the footer so it gracefully changes color when you change theme.
Bookie0
Bookie0
published an Update
2 months ago
545
todo
todoA simple, minimalistic Todo App I designed & built! It has delightful animations and an intuitive, responsive design, with the ability to mark items as completed or important, edit them, and delete theme. This Todo App also saves your items in local storage! PS: I built this with the help of ChatGPT!
Smol improvement
Made scrollbar a little thinner :)
Bookie0
Bookie0
published an Update
2 months ago
545
todo
todoA simple, minimalistic Todo App I designed & built! It has delightful animations and an intuitive, responsive design, with the ability to mark items as completed or important, edit them, and delete theme. This Todo App also saves your items in local storage! PS: I built this with the help of ChatGPT!
Smol improvement
Increased blur of dropdown menu so it's a bit easier to read the text! :)
index01
index01
@Bookie0 cool!2 months ago
Bookie0
Bookie0
@index01 thx!2 months ago
Bookie0
Bookie0
published an Update
2 months ago
31
Bookie0
Bookie0My personal website! It's about, well, me, and showcases a few of my best works! It also displays my social media and as well as some ways to get in touch with me. This is version 10! (You can check out all the previous versions at https://personal-websites.bookie0.repl.co/) My favorite thing about this version is probably the link animations on hover and on click, especially the ones in the footer with the arrow icon. This website is completely responsive and has an automatic light/dark mode that saves with local storage. Also, there are several little "easter eggs" or tiny interactions hidden around the page – can you find them all?
Bug fix
Fixed Urban project link
Bookie0
Bookie0
published an Update
2 months ago
31
Bookie0
Bookie0My personal website! It's about, well, me, and showcases a few of my best works! It also displays my social media and as well as some ways to get in touch with me. This is version 10! (You can check out all the previous versions at https://personal-websites.bookie0.repl.co/) My favorite thing about this version is probably the link animations on hover and on click, especially the ones in the footer with the arrow icon. This website is completely responsive and has an automatic light/dark mode that saves with local storage. Also, there are several little "easter eggs" or tiny interactions hidden around the page – can you find them all?
Smol improvement
Added 2 projects (Todo App + Urban) Added shadow on image and "Hey!" hover
Bookie0
Bookie0
published an Update
2 months ago
31