Tv-app is a responsive NextJS web application that is designed primarily to showcase my frontend skills in create beautiful and responsive user interfaces to potential employers.
The features implemented in this app includes: ... It is a dynamic web application that is responsive to different devices view ports. API endpoints were fetched using axios library. The app was implemented using a TDD approach. At first, the app was built using Client Side Rendering. It was later modified to Server Side Rendering.
An improvement on this version of the application will be to use typescript instead of javascript in order to catch most potential errors at compile time.
The following frameworks were used for faster development of the web application:
- NextJs
- React-router-dom v6
- Axios
- BootStrap5
- Jest/Enzyme
This app was built at my leisure time. So I had no deadline to meet while delivering this app. Hence the reason it took me this long to complete its implementation.
To run the app locally, please follow the steps below:
-
Git clone the repository on your terminal: git clone https://github.com/duokobia/tv-app.git
-
cd tv-app
-
npm install
-
npm run dev
That is it! The application should run on your development server on http://localhost:3000.
The web application is intuitive and easy to navigate. From the landing page, click on any of the tabs in the navigation bar to go to their respective pages. No restrictions are on this version of the app.
This web application was solely implemented by me as a frontend developer. Product specification was a dribble design referenced below given and I sourced the images used from upslash website. Attribution was done in the app's html and css pages these images were used.
websites:
vbloggers:
- Youtube resources.