/g-find-u

Primary LanguageTypeScript

G-FIND-U

Github repositories explorer

DEMO

https://g-find-u.vercel.app/

Screenshot

Core Features

  • React
  • TypeScript
  • Redux (Redux toolkit)
  • SASS/SCSS Loader
  • CSS Loader
  • Image Loader
  • Font Loader
  • ESLint
  • Jest (React Testing Library)
  • Cypress
  • Webpack & Configuration
  • React Fast Refresh + Webpack HMR
  • Dark Mode + Light Mode (Theme)

Installation

To install this project you need to run following commands


Clone the repository : 
git clone https://github.com/andrIvash/g-find-u.git

Install dependencies using Yarn or NPM :

# using npm
npm install

# or using yarn
yarn install

Start : Development

To develop and run your web application, you need to run following command :

npm start

Lint : Development

To lint application source code using ESLint via this command :

npm lint

JEST : Development

To test application source code using Jest via this command :

# run cases
npm run test:jest
# watcher
npm run test:jest:watch
#coverage
npm test:jest:coverage

E2E : Development

To test application source code using Cypress via this command :

npm run test:cypress
npm run test:cypress:open

Build : Production

Distribution files output will be generated in dist/ directory by default.

To build the production ready files for distribution, use the following command :

npm build

Serve : Production

Serve helps you serve a static site. This command serves build files from dist/ directory.

npm serve

Webpack Configurations

separated development and production configuration files :

# Development webpack config
tools/webpack/webpack.config.dev.js

# Production webpack config
tools/webpack/webpack.config.prod.js