https://github.com/omermecitoglu/fake-products

a web application built using Next.js and React for displaying fake products
https://github.com/omermecitoglu/fake-products

Last synced: 8 months ago
JSON representation

a web application built using Next.js and React for displaying fake products

• Host: GitHub
• URL: https://github.com/omermecitoglu/fake-products
• Owner: omermecitoglu
• Archived: true
• Created: 2023-09-05T05:52:18.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-05T09:00:48.000Z (almost 3 years ago)
• Last Synced: 2025-01-31T21:05:23.390Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://fake-products.vercel.app
• Size: 86.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Fake Products

![Project Version](https://img.shields.io/badge/version-1.0.0-blue.svg)

![License](https://img.shields.io/badge/license-Private-red.svg)

This is the README file for the "fake-products" project. This project is a web application built using Next.js and React for displaying fake products. It includes features like product listing, currency switching, and more. Below, you'll find information about the project's structure, scripts, and dependencies.

## Table of Contents

- [Scripts](#scripts)

- [Dependencies](#dependencies)

- [Development](#development)

## Scripts

The project includes several npm scripts for development and build tasks:

- `npm test`: Run Cypress tests for your application.

- `npm run prebuild`: Runs `ts-unused-exports` to check for unused exports in TypeScript files, excluding paths in 'app' and 'pages'.

- `npm run lint`: Lint your code using Next.js's built-in linting.

- `npm run lint:fix`: Automatically fix linting issues.

- `npm run dev`: Start the development server using Next.js.

- `npm run build`: Build the project for production.

- `npm start`: Start the production server.

## Dependencies

The project relies on the following dependencies:

- `@fortawesome/fontawesome-svg-core`, `@fortawesome/free-brands-svg-icons`, `@fortawesome/free-solid-svg-icons`, and `@fortawesome/react-fontawesome` for FontAwesome icons.

- `@reduxjs/toolkit` for managing state.

- `bootstrap` for styling.

- `classnames` for conditional CSS classes.

- `next` for server-side rendering and routing.

- `react` and `react-dom` for building user interfaces.

- `react-bootstrap` for Bootstrap components.

- `react-redux` for integrating Redux with React.

- `redux-persist` for persisting Redux state.

- `sass` for stylesheets.

### Development Dependencies

- `@next/eslint-plugin-next` for Next.js ESLint rules.

- `@types/node` and `@types/react` for TypeScript type definitions.

- `@typescript-eslint/eslint-plugin` for TypeScript ESLint rules.

- `cypress` for e2e and component testing.

- `eslint` and `eslint-plugin-import` for linting.

- `eslint-plugin-unused-imports` for detecting unused imports.

- `ts-unused-exports` for checking unused exports in TypeScript files.

- `typescript` for TypeScript support.

## Development

To start development, follow these steps:

1. Clone the repository.

2. Install dependencies using `npm install`.

3. Run `npm run dev` to start the development server.

4. Open your browser and navigate to `http://localhost:3000` to view the application.

Feel free to modify and extend the project as needed. Happy coding!