React Nextjs Wishlist Interview Assesment

This is react + nextjs + typescript + scss + tailwind css based interview assesment project

#antdesign #design #nextjs #react #reactjs #redux #styled-components #tailwindcss #typescript #ui

Demo Download

Wishlist - Interview Assessment

Wishlist is simple NextJs (React) base web application which is develop for react interview assessment

Features

Landing page with awesome products
User can add their favorite products to the wishlist

Framwork and plugins

This application used new technologies for building perfect applications which industry are used.

Name	Purpose	Link
Next JS	Building Application	https://nextjs.org/
Tailwind css + Sass	UI designing	https://tailwindcss.com/
Redux + Redux Saga	State and Side effects Management	https://redux.js.org/
Prisma + MySql	TypeORM with Database	https://www.prisma.io/
Axios	Http client for call APIs	https://axios-http.com/docs/intro

Brief Introduction of used technology

NextJS is Most popular and powerful Single Page Application (SPA) framework based on React
Tailwind CSS is very light-weight utility first CSS Framework
Redux is Most Popular State management plugin
Prisma is TypeScript ORM for Database management and it has powerful features like Migrations, Seeder and ORM

Installation

Must have installed Node.js v14+ to run the application.
Must have installed MySql

for install application's dependencies run

yarn install

Create a database for holding system table called wishlist and change MySql Connection in .env files then run below command for migrating application tables