Eazybee / Video-Album

This is a webapp that mimic a video gallery, where you can add you favorite youtube videos into your personal video album.

Video-Album

This is a webapp that mimic a video gallery, where you can add you favorite youtube videos into your personal video album.

Getting Started

This is a clientside javascript application built React JS application. The default data are seeded. Share video are serve through Youtube API

Hosted

• Hosted on Netlify
• StyleGuide is also hosted on Netlify

Technologies

• React JS
• Webpack
• Styled Compoenent
• Style guidist

Features

• All users can play video on the site
• User can log in
• Logged in user can like or dislike a video
• Logged in user can share a video

Note This is a frontend web app and it is not connected to any database. All data are stored in a state.

Installation

• Install Node JS.

• Clone the repository here

• [cd] into the root of the project directory.

• Run npm run install on the terminal to install project dependecies

Start the application:

For Development:

npm run dev-start

Navigate to http://localhost:8000 on your browser

StyleGuide

I have implemented react-style guide which helped with developing my UI components as I feel these are essential on any project.

You can launch this with

npm run styleguide

Navigate to http://localhost:6060

UI Implementation is done using the Atomic Design Pattern

Testing

Client side tests - Run npm run test on the terminal while within the project root directory.

Client side testing is achieved through the use of jest and @testing-library/react packages.

Questions

For more details contact [e-mail]

Support or Contribution

For any suggestions or contributions or issues please do raise them or email me. For Contributiions, Please clone the repo and implement a PR I would appreciate it.