Hokaistore is an e-commerce web application built with Next.js and TypeScript, aimed at providing an intuitive shopping experience with sleek design and fast performance. The application is designed to offer a seamless front-end experience for browsing and purchasing products.
- Next.js Framework: Leveraging the power of Next.js for server-side rendering (SSR), enabling fast loading times.
- TypeScript: Type-safe development for better developer experience and reliability.
- Tailwind CSS: A utility-first CSS framework to quickly build custom user interfaces.
- Sentry Integration: Used for real-time error tracking and monitoring.
- Responsive Design: Optimized for both desktop and mobile views.
- Product Page: Users can explore product details, reviews, and availability.
Before you begin, make sure you have the following installed:
- Node.js (>= 14.x.x)
- npm (>= 6.x.x) or Yarn
-
Clone the repository:
git clone https://github.com/kizo-88/hokaistore.git cd hokaistore -
Install dependencies:
npm install
or if you are using Yarn:
yarn install
-
Run the development server:
npm run dev
or with Yarn:
yarn dev
Visit http://localhost:3000 in your browser to view the app.
/app: Contains the main application logic and components./components: Reusable components like buttons, headers, footers, etc./data: Static data or mock data used in the application./lib: Utility functions and configurations./public: Static assets like images, fonts, etc.
- Next.js: React framework for SSR and static site generation.
- TypeScript: Strongly typed language for better tooling and developer experience.
- Tailwind CSS: Utility-first CSS framework for fast styling.
- Sentry: Real-time error tracking for better performance and debugging.
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Make your changes.
- Commit your changes (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature-branch). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Feel free to modify this as per your project details and add any additional information or instructions you think are important!