Users should be able to:
-
Home Page: Display product categories and featured products.
-
Product Search: Implement functionality to search for products by name.
-
Product Details Page: Show detailed information about a selected product.
-
Categories Page: Display all product categories.
-
Cart Page: Allow users to view and manage items in their cart.
-
Checkout Page: Implement a checkout process for completing purchases.
-
NB Unfortunately I was not able to accomplish the requirements so i just did what I could. Given more time i'm sure i could complete this challenge.
- Live Site URL: Netlify
- Semantic HTML5 markup
- CSS custom properties
- Mobile-first workflow
- Angular - JS library
- Tailwind CSS - CSS framework
- This is my first time ever using AngularJS. Ive learned how to use Angular components, services, routes, API calls and context.
- How to use Tailwind v4 with Angular 19+. There were a few hiccups setting it up.
- Angular service workers
- Angular testing
- Making API calls with Angular JS
- Managing state in Angular and services
- AngularJS Crash course video on youtube - This helped me learn the basics of angular. Tutorials on Angular are quite few on YouTube so it was nice to find a relatively short but understandable one.
- AngularDocsTutorials - The official docs of Angular have up to date simple tutorials
- Website - Shem Jaoko
Ensure you have the following installed on your system:
Node.js (LTS recommended) Angular CLI Git
Clone the repository:
git clone <repo-url>
cd <repo-name>Install dependencies:
npm installStart the development server:
npm run dev
The app should now be running at http://localhost:4200/.Build for Production To create a production build, run:
npm run build
This will generate the compiled files in the dist/ directory.