shoppies Tailwind Templates

Shoppies

Fake movie award nomination site implemented with NextJS, React, Redux Persist, and Tailwind. Hosted with Vercel.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

About This Application

This application uses NextJS with TypeScript, Redux, and Tailwind CSS. The development process - using Jest, RTL, Husky pre-commit hooks, ESLint, and Prettier - was designed to promote quality code.

Features

This web app was made to facilitate:

  • Searching OMDB for movies
  • Adding movies to a "nominations" list
  • Viewing the "nominations" list
  • Removing movies from the "nominations" list

Extra Features

Some extra features include

  • Shareable links
  • "Nomination" list persistence
  • Some animations

Learn More About NextJS

To learn more about Next.js, take a look at the following resources:

Top categories

Loading Svelte Themes