audiophile ecommerce website

audiophile ecommerce website

This project was a huge, guru, eCommerce premium front-end challenge from a front-end mentor. It is being built with react, gatsby for static site optimization, dynamic pages, faster pages, hosting and search engine optimization. Strapi is used for content management and headless CMS. Graphql for querying data, styled components for styling, Netlify and Github for hosting and continuous deployment.

ReactgatsbyStrapigit
ip-address-tracker-master

ip-address-tracker-master

IP address tracker is a project that receives an IP address and returns the IP's exact location on a map. This project is built purely with HTML, CSS and javaScript. The map was obtained from the leaflet via an API. It is an advanced front-end mentor challenge design (both Figma and Sketch files) are obtained from the front-end mentor.

htmlcssjavascript
netflix-clone

netflix-clone

This project was inspired by the Netflix web page. it is built with react and firebase, which provides the backend capabilities of the site. styled-components is to make the site resemble Netflix as much as possible. movie data was obtained from the TMDB database and made to update each time new releases are out. Firebase is also used to host the site. This project is an advanced web project which does not only put your front end skills to test but also test how good a developer you can be.

reactfirebasegit
rest countries api with color theme switcher

rest countries api with color theme switcher

The rest country API is a react project that fetched country data from an API and displays all the flags of countries in the world. when the flag image is clicked, you can see current statistics about the country. it also has a colour theme switcher so you can switch to one such colour that suits your view. This project is an advanced front-end mentor challenge and make use of features like styled components, react context API, fetch API etc.

reactapigit