Redesign 3 pages of existing React website.

  • Status: Closed
  • Prize: £501
  • Entries Received: 12
  • Winner: pfkearns

Contest Brief

I've created an exciting react application that displays real-time data:
http://pulse.timestored.com:8080/
However I have poor design skills and it looks bad.

TASK: To change the React/CSS/styling to make 3 existing pages look great in both light/dark theme.

Specifically:
- Improve the header/footer
- Improve 3 pages - Index, /dash, help . (screenshots of current attached)
http://pulse.timestored.com:8080/
http://pulse.timestored.com:8080/help/chart
http://pulse.timestored.com:8080/dash

Websites I like the look of:
1. http://wpdemo.archiwp.com/engitech/home-5/ (attached screenshot)
However I don't like the purple colour. A nice blue would be better.
2. https://react.spruko.com/spruha/preview/
3. https://preset.io/ - Maybe a little too white.
4. http://wpdemo.archiwp.com/engitech/home-14/
Logo and color scheme can change but I'm likely to prefer blue/professional appearance.


Would be nice:
- If there are only small changes to the HTML.
- The CSS styling that you add is generic and not specific to every single page.

Source code is in client.zip.
1. Unzip
2. npm install
3. npm start

Working CODE MUST be provided to win competition. Screenshots only not acceptable.

Recommended Skills

Top entries from this contest

View More Entries

Public Clarification Board

  • SAUHBA
    SAUHBA
    • 1 year ago

    still confuse not sure what CH expecting from us....this project is for redesign screens and make his application similar to approved screens but we have not received any comments from him...hope so he would success

    • 1 year ago
  • PrinceMuhammad55
    PrinceMuhammad55
    • 1 year ago

    working...

    • 1 year ago
  • jsdevrazu
    jsdevrazu
    • 1 year ago

    Hi, my friend,
    Hope are you doing great. I see your code. It's really messy code. Can I redesign your whole application using react js typescript and tailwind CSS? I need confirmation.

    • 1 year ago
  • Suptechy
    Suptechy
    • 1 year ago

    Just a suggestion, no one is going to work on source files until you award the contest to someone because it's a contest, no matter how small or big the modification is.
    So it's better to talk with any professional and award the contest based on discussion/reviews

    • 1 year ago
  • swaponsustlx
    swaponsustlx
    • 1 year ago

    I can't download the existing source code. Give me correct source code URL.

    • 1 year ago
    1. proservices1
      Contest Holder
      • 1 year ago

      https://timestored.com/a/client.zip
      npm install
      npm start

      • 1 year ago
  • webdev4every1
    webdev4every1
    • 1 year ago

    No one will provide working code as long as it's a contest, whether it's a pure Css or something like Styled Components, it's a lot of work, and if it didn't win then what is the compensation for lost time?
    The only sane option is to submit mockups for the contest then the awarded one can start coding it.

    • 1 year ago
    1. proservices1
      Contest Holder
      • 1 year ago

      I wasn't aware that competitions suggested screenshot images to win until the competition went live. Freelancer.com hid that from me until then. I have contacted freelancer.com asking what they think I should do.

      If anyone submits screenshots first, I will provide feedback within 24 hours, allowing them not to waste time coding if I don't like the design.

      • 1 year ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!