Skip to content

Repository files navigation

React-Wiki-Project

This is the 3rd project for the Mastery stage. In this case we will be creating a wiki of different characters from different TV shows & display the corresponding info.

Live demo

React-Wiki-Project

Preview Image

image

Libraries used

React

v17.0.2

React was used to add individual components.

Tailwindcss

v2.0.0

Tailwindcss was used to add styles to the project.

React router dom

v5.2.0

React router dom was added to create a single page application.

Redux

v4.0.5

Redux was added to create a global state.

React redux

v7.2.3

React redux was added to connect the react app with redux store.

Redux saga

v1.1.3

Redux saga was added to intercept redux actions and do fetch to APIs.

Website Design:

Layout contain:

  • Header
  • Main container
  • Characters List

Colours Palette:

  • #4980AF #4980AF
  • #14B7B7 #14B7B7
  • #2ED2F7 #2ED2F7
  • #28AEED #28AEED
  • #15D891 #15D891

Fonts Family:

MockUps

Basic MockUp

IMG_0307

Figma Desing

https://www.figma.com/file/iYASzqnDdikmwG1ekaOeWZ/Wiki-React?node-id=0%3A1

Project requirements

React_Project_Wiki.pdf

Academic coach

Joshua Pedraza

Author

William Santiago Alzate Barriga - William Santiago Alzate [C7] - Frontend

Sebastian Ballen - Sebastian Ballen [C7] - Frontend

About

This is the 3rd project for the Mastery stage. In this case we will be creating a wiki of different characters from different TV shows & display the corresponding info.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages