This is a webapp that mimic a video gallery, where you can add you favorite youtube videos into your personal video album.
This is a clientside javascript application built React JS application. The default data are seeded. Share video are serve through Youtube API
- React JS
- Webpack
- Styled Compoenent
- Style guidist
- 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.
-
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
For Development:
npm run dev-start
Navigate to http://localhost:8000 on your browser
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
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.
For more details contact ilorieazykiel@gmail.com
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.