Code Monkey home page Code Monkey logo

design-depo's Introduction

Design Depo

Description

Live Site Here

Design Depo. You ever making a (website, graphic, etc..) and you just can't find the right color scheme? Or maybe you're looking for a font that just doesn't exist? Well, look no further! Design Depo is a website that allows you to generate colors and pick fonts to use in your next project. You can also save your favorite colors and fonts to your dashboard for easy access later. Never again will you have to search for that perfect color, font, gradient and More!! NO Pay wall, NO subscription, NO BS. Just a simple, easy to use website that will help you get your project done faster.

Table of Contents

Usage

To use this application, simply go to the website and search for a color, font, gradient and More!. You can also sign up for an account to save your favorite colors and fonts to your dashboard.

Screenshot

Login

You are going to want to login if you want to save anything and refrence it later. To login, click the "Login" button in the top right corner. If you do not have an account, its okay it will bring you to the same page, fill out the form. Then you can go to your dashboard and save your favorite colors and fonts.

Screenshot

How To Save

To Save a item, simply click the ":heart:" button on the item you want to save. To view your saved colors and fonts, click the "Dashboard" button in the top right corner in the user menu. To delete a item from your dashboard, click the "Delete" button on the item you want to delete.

Screenshot

Future Development

  • More Export Options.
    • Image (png, jpg, jpeg)
    • svg
    • pdf
    • tailwind
    • csv
    • json
    • xml
  • More Color Options.
  • More Font Options.
  • Better color algorithms.
  • Simpler UI.
  • More User Options.
  • Searching functionality.
  • Image Manipulation.
  • Mesh Gradients.
  • Adding more than 5 colors to a palette.
  • More Tools.

Available Scripts

In the project directory, you can run:

npm start

Runs the App in Production Mode. Open http://localhost:3001 to view it in the browser.

npm run build

This will Build the client side of the application and put it in the build folder. This is used for production.

npm run develop

This will run the application in development mode. This will run the server and client side of the application. Open http://localhost:3000 to view it in the browser.

To view the graphql playground, go to http://localhost:3001/graphql

npm run seed

This will seed the database with the data in the seeders folder.

npm run client

This will run the client side of the application in development mode. Open http://localhost:3000 to view it in the browser.

npm run server

This will run the server side of the application in production mode. Open http://localhost:3001 to view it in the browser.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Contribution

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Basic Rules for contributing to this repo are gonna be held to standards with the Contributor Convenant Code of Conduct Standards.

Maintainers


beasaddress


ghiasnaser

Tests

No Test Setup For This Project Yet.

License

Refer to the MIT License file within the root of the repository;

Find Me

design-depo's People

Contributors

nateayye avatar beasaddress avatar ghiasnaser avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.