dsazuwa/antarctic-explorer-app

The Next.js frontend for my antarctica expeditions' application

Antarctica Explorer App

We're going to Antarctica!

Tech Stack

• React.js
• Next.js 13 with Pages Router
• Tailwind CSS and Shadcn-ui
• Zustand
• TypeScript

Features

• Filtering on date, cruise line, capacity, and duration
• Sorting and pagination functionality
• State management with URL parameters
• Responsive design

Views

Expedition View

Mobile Home View

Mobile Expedition View

Getting Started

1. Clone the repo

   git clone https://github.com/dsazuwa/antarctic-explorer-app

2. Go to the project folder

   cd antarctic-explorer-app

3. Set up your .env file

   • Duplicate the .env.sample to .env
   • Fill in the missing variables
     
     

4. Install dependencies

   npm install

5. Run the development server

    npm run dev

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