Staycation Landing Page

simple landing page for train slicing, layouting, and responsive design.

Tech

• Zod
• React Hooks Form
• Shadcn/ui
• NextJs/app dir
• TailwindCSS

Authors

• Charles King Ureta

Folder Structure

Atomic Design Pattern

public => assets static
src
├── @types => globals types
├── app => all routes pages
├── ├── (components) => directory for components for only specific page
├── ├── page.tsx => create new route / page
├── components => common shared reusabled global component
├── ├── atoms => stand alone components
├── ├── molecules => organize component a combination from a several atoms components
├── ├── pages => organize all molecules to 1 pages
├── hooks => custom hooks
├── layouts => global layout parent
├── libs => utilities
├── service => comunicate with data json

Run Locally

Clone the project

  git clone https://github.com/pashacoder217/Staycation-Next

Go to the project directory

  cd Staycation-Next

Install dependencies

  npm install

Start the server

  npm run dev