/Capstone-Project---Animated-Icon-Library

An animated icon gallery built in React for developers to use in their React projects. Quickly grab code snippets for implementation into your project

Primary LanguageJavaScript

Animated Icon Gallery "Animicon"

A library of animated icons coded using React

by Jessie Waite

Description

This application was created as my capstone project for my time at Epicodus code school. The app is intended to be a resource for developers who want to implement animated icons into their project, but don't want to spend the time coding and creating the icons themselves. The app enables developers to see how the icon animation works and lets them copy and paste the code they need right from the page's interface. Its my way of helping coders without a design background implement cool and beautiful things into their projects.

This app is not currently functional - as of 2/2018, its a work in progress

MockUps:

Desktop Website Intro Page

Desktop Website Intro Page

Desktop Icon Page

Desktop Website Icon Page

Desktop - How code will be displayed

Desktop Website Icon Page

Mobile - Icon Page

Mobile Website Icon Page

Mobile - Icon Page

Mobile Website Icon Page

User Stories

User Story 1 User Story 1 User Story 1

Animated Icon App Component and Route Structure (React)

Animated Icon App Component and Route Structure

Technologies used:

This project was built using React.js. In development, I used Webpack, Babel, and React-Router.

Set-Up:

  1. $ git clone 'https://github.com/jbellwaite/Capstone-Project---Animated-Icon-Library.git'
  2. $ cd Capstone-Project---Animated-Icon-Library
  3. $ npm install
  4. $ npm run start
  5. Paste 'http://localhost:8080/' into your web browser to open the application

Known Bugs:

At this time, the app is not yet functional. There will be a lot of bugs.

Support and contact details

Email Jessie with comments or questions.

jess.bell@me.com

License

{This software is not licensed under the MIT license}

Copyright (c) 2017 {Jessie Bell Waite}