https://github.com/mainbank5/wazi-commerce
This is an ecommerce project built with Reactjs, Typescript and Tailwindcss using ContextAPI for state management
https://github.com/mainbank5/wazi-commerce
Last synced: 9 months ago
JSON representation
This is an ecommerce project built with Reactjs, Typescript and Tailwindcss using ContextAPI for state management
- Host: GitHub
- URL: https://github.com/mainbank5/wazi-commerce
- Owner: MainBank5
- Created: 2024-01-26T19:58:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T06:37:44.000Z (about 2 years ago)
- Last Synced: 2025-10-04T01:43:12.651Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 8.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wazi-commerce
This application is built with React.js, TypeScript, and Tailwind CSS, and it utilizes the Context API for state management. We've opted for Vite as the build tool to ensure a fast and efficient development experience.
## Installation
To run this project locally, please follow these steps:
Clone this repository to your local machine.
Navigate to the project directory.
Run npm install to install all necessary dependencies.
After the installation, execute npm run dev to start the development server.
Open your preferred browser and go to http://localhost:3000 to view the application.
## Features
- Product Listings: Browse through our extensive collection of products available for purchase.
- Product Details: View comprehensive information about each product, including images, descriptions, and pricing.
- Shopping Cart: Easily add products to your cart and manage its contents effortlessly.
- Checkout: Seamlessly complete the purchase process securely.
- User Authentication: Sign up and log in to your account for a personalized shopping experience.
## Technologies Used
- React.js: A JavaScript library for building user interfaces.
- TypeScript: A superset of JavaScript that adds static typing.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Vite: A next-generation front-end tooling for React projects.
- Context API: A React feature for managing global state within an application.
## Project Structure
- src/pages: Contains individual pages or components representing various routes of the application.
- src/ui: Houses UI components that are shared across different parts of the application.
- src/assets: Stores static assets such as images, icons, and other media files.
- src/components: Contains reusable React components used throughout the project.
- src/context: Contains the logic and implementation of the Context API for state management.