Skip to content

jakelauer27/css-animate-frontend

Repository files navigation

CSS AniMate

A site for learning, and implementing CSS Animations. Login, Open a predesigned animation or create your own, adjust any of the properties or keyframes as you please, see the effects in real time, then copy the code for personal use!

CSS-aniMate

Set Up

Clone this repo. Run npm install in your terminal

Clone down BackEnd here (Must have postgress installed). Run backend at localhost:3000.

Run npm start and view app at localhost:3001.

Background / About

CSS animations are an incredible way to give sites a very polished and professional look. Unfortunately many people don't realize just how easy they are to implement. I created CSS Ani-mate to help guide those looking to learn how to use CSS Animations. The app not only provides instructions and guides for how to use keyframes and animations, but also a playground to adjust prebuilt animations and easily copy the code for personal projects. For those already comfortable with CSS animations, users can create an account and create and save their own custom animations.

See it Live!

css-animate.com

Primary Technologies Used

  • ReactJS
  • Redux
  • Redux-Thunks
  • React-Router
  • Jest/Enzyme
  • JSX
  • Sass

BackEnd here

Screenshots

Instructions Copy-Option Animation Menu Add Animation Form

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors