Skip to content

Search for CSS generators by relevant keywords. This API provides a directory of efficacious websites that generate CSS design elements in order to improve creativity, consistency, and most importantly, efficiency.

License

Notifications You must be signed in to change notification settings

alexisintech/css-generators-api

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS-Generators-API


Logo

CSS Generators API

Provides CSS Generators
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Acknowledgments

About The Project

Search for CSS generators by relevant keywords. This API provides a directory of efficacious websites that generate CSS design elements in order to improve creativity, consistency, and most importantly, efficiency.

(back to top)

Built With

  • EJS
  • CSS
  • JavaScript
  • Node.js
  • Express

(back to top)

Key learning points

  • In the navigation bar, using li with a tags instead of buttons for accessibility purposes
    documentation
  • Creating a sticky nav using position: fixed instead of position: sticky
  • Enabling smooth scrolling for anchor links
  • Creating a back-to-top button and raw coding the Javascript for it
  • First time getting an event to occur when a user presses "enter" after focusing on an input (prevent form submission and page refresh, use the "keydown" event listener)
  • Pushing a project to heroku, integrating the project with it's github repo
  • Adding a custom domain name to heroku application (configured the domain's DNS provider, namecheap, to point to the heroku-supplied DNS target)

(back to top)

Getting Started

Simply visit: https://cssgenerators.co/ and read our documentation to learn how to interact with our API! If you would like to help us out, feel free to create issues through our github repo.

(back to top)

Usage

Access our API endpoints to recieve coding resource data in JSON format.

(back to top)

Roadmap

  • Back to top button
  • "Sticky" navigation bar
  • Add search functionality
  • Offer more websites
  • Support mobile devices
  • Create more endpoints

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Please visit CONTRIBUTING.md to read about our guidelines before making a contribution to our project. Thank you!

(back to top)

License

Distributed under the MIT License. See LICENSE.md for more information.

(back to top)

Acknowledgments

(back to top)

About

Search for CSS generators by relevant keywords. This API provides a directory of efficacious websites that generate CSS design elements in order to improve creativity, consistency, and most importantly, efficiency.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 52.8%
  • JavaScript 32.1%
  • EJS 15.1%